/* The Synaps prompt-card surface, in a compact dock and an expanded conversation. */
#product-assistant{position:fixed;bottom:max(calc(16px + env(safe-area-inset-bottom)),var(--ask-lift,0px));left:50%;transform:translateX(-50%);z-index:59;width:238px;max-width:calc(100vw - 32px);font:400 14px/1.5 Inter,Arial,sans-serif;color:#565954;transition:width .38s cubic-bezier(.22,1,.36,1)}
#product-assistant.is-open{width:740px}
#product-assistant [hidden]{display:none!important}
#product-assistant button{font:inherit;cursor:pointer;border:0;color:inherit;background:transparent}
#product-assistant svg{width:24px;height:24px;flex-shrink:0}
#product-assistant button:focus-visible,#product-assistant a:focus-visible{outline:2px solid #858d7c;outline-offset:3px}
#product-assistant button:disabled{cursor:default;opacity:.35}
#product-assistant .ask-launch{display:flex;width:100%;padding:5px;border:1px solid #fff;border-radius:18px;background:#eeeeeb80;box-shadow:0 20px 45px -27px #00000045;backdrop-filter:blur(12px);transition:transform .2s}
#product-assistant .ask-launch:hover{transform:translateY(-1px)}
.ask-launch-surface{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;padding:9px 11px;background:#fff;border:1px solid #e4e5e1;border-radius:12px}
.ask-launch-label{font:400 13px/1.5 Inter,Arial,sans-serif;letter-spacing:-.015em;color:#8a8d87;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ask-launch-surface>svg{width:22px!important;height:22px!important}
.ask-panel{display:flex;flex-direction:column;padding:9px;border:1px solid #fff;border-radius:19px;background:#eeeeeb80;box-shadow:0 20px 45px -27px #00000045;backdrop-filter:blur(12px);max-height:calc(var(--ask-viewport,100dvh) - 100px);transform-origin:50% 100%;animation:ask-panel-in .42s cubic-bezier(.22,1,.36,1)}
.ask-surface{display:flex;flex-direction:column;min-height:0;padding:16px;background:#fff;border:1px solid #e4e5e1;border-radius:11px}
.ask-heading{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px;color:#8a8d85;font-size:12px;flex-shrink:0}
.ask-heading>span,.ask-heading>div{display:flex;align-items:center;gap:9px}
.ask-heading button{display:grid;place-items:center;width:28px;height:28px;border-radius:6px}
.ask-heading button:hover{background:#f3f3f1!important}
.ask-heading svg{width:16px!important;height:16px!important}
.ask-welcome{padding:24px 16px 30px;text-align:center;overflow:auto;min-height:0}
.ask-welcome h2{margin:0 0 8px;font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:1.2;color:#565954}
.ask-welcome p{margin:0;color:#92968c;font-size:13px;letter-spacing:-.015em}
.ask-suggestions{display:flex;justify-content:center;gap:8px;margin-top:27px;flex-wrap:wrap}
#product-assistant .ask-suggestions button{display:flex;align-items:center;gap:16px;border:1px solid #e4e5e1;border-radius:7px;padding:10px 12px;font-size:12px;color:#767b6f;background:#fafaf9}
.ask-suggestions button:hover{background:#f3f3f1!important}
.ask-suggestions svg{width:12px!important;height:12px!important;color:#92968c}
.ask-form{position:relative;flex-shrink:0;display:flex;align-items:flex-end;gap:10px;padding:9px 9px 9px 16px;border:1px solid #e4e5e1;border-radius:11px;background:#fff;transition:border-color .2s}
.ask-form:focus-within{border-color:#bcc2b5}
#ask-input{display:block;flex:1;min-width:0;box-sizing:border-box;resize:none;width:auto;height:27px;min-height:27px;max-height:90px;padding:3px 0;margin:0;background:transparent;border:0;outline:none!important;box-shadow:none;color:#565954;font:400 14px/1.5 Inter,Arial,sans-serif;letter-spacing:-.015em;overflow-y:auto}
#ask-input::placeholder{color:#9b9e97}
.ask-toolbar,.ask-options,.ask-actions{display:flex;align-items:center;gap:4px}
.ask-toolbar{justify-content:flex-end;flex:none;padding-bottom:1px}
.ask-options{position:relative}
#product-assistant .ask-plus,#product-assistant .ask-sparkle,#product-assistant .ask-send{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#171717}
.ask-send{transition:opacity .2s,transform .2s}
.ask-send:not(:disabled):hover{transform:scale(1.06)}
.ask-send:not(:disabled):active{transform:scale(.9)}

.ask-actions{gap:10px}


.ask-mode-menu{position:absolute;bottom:36px;left:-9px;width:230px;padding:6px;border:1px solid #e4e5e1;border-radius:11px;background:white;box-shadow:0 12px 30px -16px #00000035;z-index:2}
#product-assistant .ask-mode-menu button{display:block;text-align:left;width:100%;padding:9px 12px;border-radius:6px;font-size:13px;color:#565954}
.ask-mode-menu button:hover{background:#f3f3f1!important}
.ask-mode-menu span{display:block;font-size:11px;color:#92968c;margin-top:2px}
.ask-history{overflow:auto;overscroll-behavior:contain;min-height:0;max-height:340px;padding:10px 8px 20px;scrollbar-width:thin;scrollbar-color:#dedfd9 transparent}
.ask-message{max-width:92%;font-size:14px;line-height:1.65;margin:12px 0 20px;overflow-wrap:anywhere}
.ask-message p,.ask-message h3,.ask-message h4,.ask-message h5,.ask-message h6,.ask-message ul,.ask-message ol,.ask-message blockquote,.ask-message pre{margin:0}
.ask-message p{white-space:pre-wrap}
.ask-message h3,.ask-message h4,.ask-message h5,.ask-message h6{font:600 14px/1.5 Inter,Arial,sans-serif;color:#30322f}
.ask-message>:not(.ask-sr)+p,.ask-message>:not(.ask-sr)+ul,.ask-message>:not(.ask-sr)+ol,.ask-message>:not(.ask-sr)+blockquote,.ask-message>:not(.ask-sr)+pre{margin-top:8px}
.ask-message ul,.ask-message ol{padding-left:20px}
.ask-message li+li{margin-top:3px}
.ask-message blockquote{padding-left:12px;border-left:1px solid #cfd1cb;color:#73776f}
.ask-message code{padding:1px 4px;border:1px solid #e4e5e1;border-radius:4px;background:#f7f7f5;font:inherit}
.ask-message pre{padding:10px 12px;border:1px solid #e4e5e1;border-radius:4px;background:#f7f7f5;overflow:auto;white-space:pre}
.ask-message pre code{padding:0;border:0;background:transparent}
.ask-message-user{width:fit-content;margin-left:auto;background:#f3f3f1;border:1px solid #e9e9e6;border-radius:10px;padding:10px 16px}
.ask-message-notice{color:#858a7e;font-size:13px}
.ask-message a,#product-assistant .ask-message button{display:inline-block;margin-top:9px;font-size:12px;color:#565954;text-decoration:underline;text-underline-offset:3px;padding:0}
.ask-message p a{display:inline;margin:0;font-size:inherit}
#product-assistant .ask-message button+button{margin-left:16px;color:#92968c}
.ask-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes ask-reveal{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:767px){#product-assistant{width:224px;bottom:max(calc(12px + env(safe-area-inset-bottom)),var(--ask-lift,0px))}#product-assistant.is-open{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.ask-panel{padding:7px;border-radius:17px;max-height:calc(var(--ask-viewport,100dvh) - 96px)}.ask-surface{padding:11px}.ask-welcome{padding:20px 0}.ask-welcome h2{font-size:22px}.ask-welcome p{font-size:12px}.ask-suggestions{gap:6px;margin-top:20px}#product-assistant .ask-suggestions button{padding:8px 10px;font-size:11px;gap:8px}.ask-form{padding:8px 8px 8px 13px}#ask-input{font-size:16px;height:30px;min-height:30px;max-height:102px}}
@media(prefers-reduced-motion:reduce){#product-assistant,#product-assistant *{animation:none!important;transition:none!important}}

/* Chat motion: the panel rises from the bar, new messages ease in, answers
   unroll from the top, and three dots show while Odin is answering. */
@property --ask-reveal{syntax:'<percentage>';inherits:false;initial-value:100%}
@keyframes ask-panel-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ask-user-in{from{opacity:0;transform:translate(14px,8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ask-answer-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ask-unroll{from{--ask-reveal:0%}to{--ask-reveal:100%}}
@keyframes ask-typing{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
@keyframes ask-chip-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ask-message-user.is-new{transform-origin:100% 100%;animation:ask-user-in .38s cubic-bezier(.22,1,.36,1) both}
.ask-message-assistant.is-new,.ask-message-notice.is-new{animation:ask-answer-in .35s cubic-bezier(.22,1,.36,1) both}
.ask-message-assistant.is-new p{-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--ask-reveal) - 12%),transparent calc(var(--ask-reveal) + 6%));mask-image:linear-gradient(to bottom,#000 calc(var(--ask-reveal) - 12%),transparent calc(var(--ask-reveal) + 6%));animation:ask-unroll .9s cubic-bezier(.4,0,.2,1) both}
.ask-typing{display:flex;gap:5px;align-items:center;width:fit-content;padding:12px 2px}
.ask-typing span{width:6px;height:6px;border-radius:50%;background:#565954;animation:ask-typing 1.1s ease-in-out infinite}
.ask-typing span:nth-child(2){animation-delay:.15s}
.ask-typing span:nth-child(3){animation-delay:.3s}
.ask-welcome:not([hidden]) .ask-suggestions button{animation:ask-chip-in .4s cubic-bezier(.22,1,.36,1) both}
.ask-welcome:not([hidden]) .ask-suggestions button:nth-child(2){animation-delay:.06s}
.ask-welcome:not([hidden]) .ask-suggestions button:nth-child(3){animation-delay:.12s}
.ask-send svg{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.ask-send:not(:disabled) svg{transform:scale(1)}
.ask-send:disabled svg{transform:scale(.88)}
@media(prefers-reduced-motion:reduce){.ask-message-assistant.is-new p{-webkit-mask-image:none;mask-image:none}.ask-typing span{opacity:.6}}

/* Monochrome dot matrix with a diagonal wave, shared by the closed bar and open header. */
#product-assistant .ask-dot-mark{display:block;width:24px!important;height:24px!important;flex:none;overflow:visible}
.ask-dot{fill:#2f3132;transform-box:fill-box;transform-origin:center;animation:ask-dot-wave 1.6s ease-in-out infinite;animation-delay:calc(var(--d) * .13s - 1.6s)}
#product-assistant:not(.is-open) .ask-heading .ask-dot,#product-assistant.is-open .ask-launch .ask-dot,#product-assistant.is-page-hidden .ask-dot{animation-play-state:paused}
#product-assistant:has(.ask-form[aria-busy="true"]) .ask-dot{animation-duration:.8s}
@keyframes ask-dot-wave{0%,100%{opacity:.16;transform:scale(.62)}45%{opacity:1;transform:scale(1)}}
/* The wave stays on with Reduce motion, slower; it is a small icon, not page movement. */
@media(prefers-reduced-motion:reduce){#product-assistant .ask-dot{animation:ask-dot-wave 2.4s ease-in-out infinite!important;animation-delay:calc(var(--d) * .2s - 2.4s)!important}}