/* A persistent portrait, with reserved space beside the footer's links. */
#guide-launcher{position:fixed;right:clamp(20px,3vw,48px);bottom:18px;z-index:80;display:flex;align-items:center;gap:11px;min-width:64px;min-height:64px;padding:5px 17px 5px 5px;border-radius:40px;background:#fff;color:#0c1f42;border:1px solid #cdd8ed;box-shadow:0 7px 30px #0c1f4221;cursor:pointer;transition:transform .2s,box-shadow .2s}
#guide-launcher:hover{transform:translateY(-3px);box-shadow:0 10px 35px #7a3cff24}
#guide-launcher:focus-visible{outline:3px solid #0066ff;outline-offset:4px}
.guide-launcher-portrait{position:relative;display:block;width:52px;height:52px;border:2px solid #0c1f42;border-radius:50%;background:#edf1f8;flex:none;isolation:isolate}
.guide-launcher-portrait:before{content:'';position:absolute;inset:-5px;border:1px solid #00d2f2;border-radius:50%;animation:guide-widget-breathe 5s ease-in-out infinite;z-index:-1}
.guide-launcher-portrait>img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 38%;display:block}
.guide-launcher-mark{position:absolute;display:grid;place-items:center;right:-2px;bottom:-2px;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:#7a3cff;color:#fff;font-size:10px;line-height:12px}
.guide-launcher-copy{text-align:left;display:block}
.guide-launcher-copy>b{display:block;font-size:13px;font-weight:600;line-height:19px}
.guide-launcher-copy>small{display:block;font-size:10px;line-height:16px;color:#4a5674}
.guide-launcher-fallback .guide-launcher-portrait>img{visibility:hidden}
.guide-launcher-fallback .guide-launcher-portrait:after{content:'C';position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:600;color:#5721b7}
body:has(dialog[open]) #guide-launcher,body.guide-following #guide-launcher{visibility:hidden;pointer-events:none}
.experience footer{padding-right:190px}
@media(min-width:701px){#hub-chat{position:fixed;inset:auto clamp(20px,3vw,48px) 18px auto;margin:0;height:min(700px,calc(var(--chat-viewport,100dvh) - 36px));max-height:calc(var(--chat-viewport,100dvh) - 36px)}}
@media(min-width:701px) and (max-width:1100px){
 #guide-launcher{padding:4px;min-width:58px;min-height:58px}
 .guide-launcher-portrait{width:48px;height:48px}
 .guide-launcher-copy{display:none}
 .experience footer{padding-right:83px}
}
@media(max-width:700px){
 #guide-launcher{right:22px;bottom:15px;min-width:48px;min-height:48px;padding:3px;border-radius:50%;box-shadow:0 4px 15px #0c1f4225}
 .guide-launcher-portrait{width:42px;height:42px;border-width:1px}
 .guide-launcher-portrait:before{inset:-4px}
 .guide-launcher-mark{width:15px;height:15px;font-size:9px;right:-3px;bottom:-2px}
 .guide-launcher-copy{display:none}
 .experience footer{padding-right:75px;column-gap:8px}
 .experience .footer-logo img{width:83px}
 .experience .footer-connections{gap:9px}
 .experience #motion{font-size:7px;max-width:62px}
 .experience footer .social-link{font-size:8px;gap:3px}
 .experience footer .social-link svg{width:14px;height:14px}
 .experience footer p,.experience footer strong{font-size:8px;line-height:12px}
}
@media(max-width:360px){
 #guide-launcher{right:23px;bottom:15px}
 .experience footer{padding-right:73px;padding-left:9px;column-gap:6px}
 .experience .footer-logo img{width:72px}
 .experience .footer-connections{gap:6px}
 .experience #motion{font-size:6.5px;max-width:51px}
 .experience footer .social-link{font-size:7px;gap:2px}
 .experience footer .social-link svg{width:13px;height:13px}
 .experience footer p,.experience footer strong{font-size:7.5px;line-height:11px}
}
@media(max-height:540px){
 #guide-launcher{bottom:15px;right:18px;width:52px;min-width:52px;min-height:52px;padding:3px}
 .guide-launcher-portrait{width:44px;height:44px}
 .guide-launcher-copy{display:none}
 .experience footer{padding-right:78px}
}
@keyframes guide-widget-breathe{50%{border-color:#7a3cff;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){#guide-launcher{transition:none}.guide-launcher-portrait:before{animation:none}}

@media(max-width:700px){
 .experience .shell{grid-template-rows:64px minmax(0,1fr) 82px}
 .experience .footer-logo img{width:88px}
 .experience footer .social-link{font-size:10px;gap:3px}
 .experience footer .social-link svg{width:16px;height:16px}
 .experience footer p,.experience footer strong{font-size:8.5px;line-height:12px}
 .experience #motion{font-size:0;min-width:28px;max-width:28px;height:28px;min-height:28px;display:grid;place-items:center;text-decoration:none}
 .experience #motion:before{content:'Ⅱ';font-size:14px;line-height:18px;color:var(--cyan)}
 .experience #motion[aria-pressed=true]:before{content:'▶';font-size:10px}
}
@media(max-width:700px) and (max-height:740px){.experience .shell{grid-template-rows:58px minmax(0,1fr) 76px}}
@media(max-width:360px){.experience .footer-logo img{width:76px}.experience footer .social-link{font-size:9px}.experience footer p,.experience footer strong{font-size:8px;line-height:12px}}
@media(max-height:540px){.experience .shell{grid-template-rows:64px auto auto}}

@media(min-width:701px){#guide-launcher{bottom:8px}}
@media(max-width:700px) and (max-height:740px){.premium-vision .contextual-choice{margin:12px 0}.premium-vision .context-reading{min-height:75px}}
@media(max-height:540px){.experience .shell{padding-right:86px}#guide-launcher{bottom:15px}}

@media(max-width:360px) and (max-height:740px){.premium-vision>.copy>.eyebrow{display:none}}
