.understudy-launch{position:fixed;right:1.5rem;bottom:1.5rem;z-index:50;display:flex;align-items:center;gap:.8rem;background:#141618;color:#f6f5f0;border:1px solid #858b93;border-radius:12px;padding:.85rem 1.2rem;box-shadow:0 8px 28px #0003;font:600 1.65rem/1.2 'Barlow Condensed','Arial Narrow',sans-serif;cursor:pointer;min-height:56px}.understudy-launch:hover{background:#25292e}.understudy-launch:focus-visible{outline:3px solid #7893ae;outline-offset:4px}.understudy{position:fixed;inset:auto 1.5rem 1.5rem auto;margin:0;width:min(490px,calc(100vw - 2rem));height:min(740px,calc(100dvh - 3rem));max-width:none;max-height:none;padding:0;border:1px solid #858b93;border-radius:14px;background:#f6f5f0;color:#141618;box-shadow:0 20px 80px #0006;overflow:hidden}.understudy[open]{display:flex;flex-direction:column}.understudy::backdrop{background:#10121466}.understudy-head{background:#141618;color:#f6f5f0;padding:1.7rem 1.4rem;display:flex;align-items:start;justify-content:space-between;gap:.5rem}.understudy-head>div>span{font:500 .75rem/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.18em;color:#cbd0d5}.understudy-head h2{font:700 2.65rem/1 'Barlow Condensed','Arial Narrow',sans-serif;margin:.65rem 0 0}.chat-close{border:0;border-radius:6px;color:#f6f5f0;background:transparent;min-width:44px;height:44px;font:400 1.8rem/1 Arial;cursor:pointer}.chat-close:hover{background:#30343a}.chat-log{overflow-y:auto;flex:1;min-height:70px;padding:1.5rem 1.3rem;overscroll-behavior:contain}.chat-message{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1.5rem}.chat-message>span{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-top:.3rem;background:#141618;color:#f6f5f0;border-radius:50%;font:600 1rem/1 'Barlow Condensed',sans-serif}.chat-message p{font:400 1rem/1.55 'DM Sans',Arial,sans-serif;margin:0;padding:.85rem 1rem;border-radius:12px;background:#eaeaec;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.chat-message a{border-bottom:1px solid #526c86}.chat-message.visitor{margin-left:2.6rem;justify-content:flex-end}.chat-message.visitor>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chat-message.visitor p{background:#d2deea}.chat-prompts{display:flex;gap:.5rem;flex-wrap:wrap;padding:0 1.3rem .8rem}.chat-prompts[hidden]{display:none}.chat-prompts button{font:500 .875rem/1.4 'DM Sans',Arial,sans-serif;padding:.5rem .7rem;min-height:42px;color:#424d59;border:1px solid #b8c1ca;border-radius:8px;background:transparent;cursor:pointer}.chat-prompts button:hover{background:#e4eaf0}.chat-status{font:400 .875rem/1.4 'DM Sans',Arial,sans-serif;padding:0 1.3rem;color:#525e6a}.chat-status:not(:empty){padding-bottom:.8rem}.chat-form{padding:1rem 1.3rem;background:#f6f5f0}.chat-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chat-compose{display:flex;align-items:stretch;gap:.55rem}.chat-compose textarea{flex:1;min-width:0;resize:none;padding:.8rem;border:1px solid #929da8;border-radius:9px;background:transparent;color:#141618;font:400 1rem/1.45 'DM Sans',Arial,sans-serif}.chat-compose textarea::placeholder{color:#5e6974}.chat-compose textarea:focus-visible{outline:2px solid #526c86;outline-offset:2px}.chat-compose>button{width:50px;min-height:50px;flex:none;background:#7893ae;border:0;border-radius:9px;font-size:1.8rem;color:#101820;cursor:pointer}.chat-compose>button:hover{background:#8ca5bf}.chat-compose>button:disabled{opacity:.45;cursor:wait}.chat-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.7rem;font:.75rem/1.4 'DM Sans',Arial,sans-serif;color:#535e69}.chat-reset{color:#46627e;font:inherit;background:none;border:0;padding:.25rem 0;text-decoration:none;cursor:pointer;min-height:36px}.chat-reset:hover{text-decoration:underline}.understudy a:focus-visible,.understudy button:focus-visible{outline:2px solid #526c86;outline-offset:3px}.understudy-head button:focus-visible{outline-color:#aec3d8}@media(max-width:650px){.understudy-launch{right:1rem;bottom:1rem;font-size:1.4rem;padding:.75rem 1rem}.understudy{inset:0;width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.understudy-head{padding:1.3rem 1rem}.understudy-head h2{font-size:2.4rem}.chat-log{padding:1.2rem 1rem}.chat-prompts{padding:0 1rem .7rem}.chat-form{padding:.8rem 1rem max(.8rem,env(safe-area-inset-bottom))}.chat-status{padding-left:1rem;padding-right:1rem}.chat-message{gap:.5rem}.chat-message p{padding:.75rem}.chat-message.visitor{margin-left:2.5rem}}

/* Replies read as text, with actions on their own line. */
.understudy .chat-message.bot,.understudy .chat-message.bot:has(.chat-reveal){display:block;margin:0 0 1.6rem;width:100%;min-width:0}.understudy .chat-message.bot>span{display:block;width:auto;height:auto;margin:0 0 .5rem;padding:0;background:none;border-radius:0;color:#586572;font:600 .75rem/1.4 'DM Sans',sans-serif;letter-spacing:.08em}.understudy .chat-message.bot>p,.understudy .chat-message.bot:has(.chat-reveal)>p{display:block;width:100%;margin:0;padding:0;background:none;border-radius:0;font-size:1rem;line-height:1.65;overflow-wrap:break-word;word-break:normal;white-space:pre-wrap}.understudy .chat-message.bot .chat-reveal{display:block;width:auto;max-width:100%;margin:.9rem 0 0;padding:.65rem .8rem;white-space:normal;text-align:left;line-height:1.45}.understudy .chat-message.visitor{margin-left:1.5rem}.understudy .chat-log{padding:1.4rem}.understudy .chat-message.bot a{color:#385773}@media(max-width:650px){.understudy .chat-log{padding:1.2rem 1rem}}

.understudy-launch{top:50%;bottom:auto;transform:translateY(-50%);right:1rem;gap:.65rem;padding:.8rem 1rem;font-size:1.4rem}.understudy-launch span{display:block}.understudy-launch small{display:block;margin-top:.2rem;color:#b9c5d0;font:400 .8125rem/1.3 'DM Sans',sans-serif}.understudy{top:50%;bottom:auto;transform:translateY(-50%)}@media(max-width:650px){.understudy-launch{right:.65rem;top:50%;bottom:auto;padding:.65rem .8rem;font-size:1.2rem}.understudy-launch svg{width:22px;height:22px}.understudy{inset:0;transform:none}}

/* Let the welcome screen fit its content instead of stretching the log. */
.understudy-head,.chat-form,.chat-prompts,.chat-status{flex-shrink:0}
.understudy:has(.chat-prompts:not([hidden])){height:auto;max-height:calc(100dvh - 2rem);overflow-y:auto}
.understudy:has(.chat-prompts:not([hidden])) .chat-log{flex:none;min-height:0;overflow:visible;padding-bottom:1rem}
.understudy:has(.chat-prompts:not([hidden])) .chat-message.bot{margin-bottom:0}
@media(max-width:650px){.understudy:has(.chat-prompts:not([hidden])){top:50%;bottom:auto;transform:translateY(-50%);max-height:100dvh}}

.chat-expanded-view{min-width:0;width:100%;box-sizing:border-box;border:1px solid #b7bbc6;border-radius:12px;padding:12px 16px;background:rgba(255,255,255,.88);color:#20232a;}
.chat-expanded-view>summary{cursor:pointer;font-weight:600;line-height:1.5;}
.chat-expanded-view p{white-space:pre-wrap;line-height:1.6;margin:14px 0;}
.chat-expanded-view .chat-view-note{font-size:.8rem;color:#565d6a;}
.chat-expanded-view>a{display:block;margin:8px 0;overflow-wrap:anywhere;}
.chat-expanded-view summary:focus-visible{outline:2px solid #514bbc;outline-offset:4px;}
.chat-expanded-view details{margin:12px 0;}

.chat-reply-disclosure>summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:10px 0;font:500 .875rem/1.5 'DM Sans',Arial,sans-serif;}
.chat-reply-disclosure>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
.understudy .chat-reply-content>p{margin:0;padding:0;background:none;border-radius:0;line-height:1.65;}
.chat-reply-content{padding-top:.35rem;}