.yng-chat{--chat-ink:#edf6ff;--chat-muted:#b9cedc;--chat-line:rgba(158,210,235,.23);font-family:inherit;color:var(--chat-ink);position:fixed;z-index:1200;right:24px;bottom:max(20px,env(safe-area-inset-bottom));font-size:14px}
.yng-chat button,.yng-chat textarea,.yng-chat a{font:inherit;box-sizing:border-box}
.yng-chat button{cursor:pointer}
.yng-chat button:focus-visible,.yng-chat a:focus-visible,.yng-chat textarea:focus-visible{outline:3px solid #9fdef5;outline-offset:3px}
.yng-chat-launch{display:flex;align-items:center;gap:10px;background:linear-gradient(140deg,#21445a,#0b2032);color:#f1f8ff;border:1px solid #81bfd2;border-radius:999px;padding:12px 18px;box-shadow:0 10px 30px #0005,inset 0 1px 0 #ffffff30;transition:transform .2s}
.yng-chat-launch:hover{transform:translateY(-2px)}
.yng-chat-navigator{display:block;width:40px;height:34px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 3px #0005);transform-origin:50% 65%}
.yng-chat-launch .yng-chat-navigator{animation:navigator-idle 9s ease-in-out infinite}
.yng-chat-header .yng-chat-navigator{width:36px;height:30px}
.yng-chat.is-background .yng-chat-navigator{animation-play-state:paused}
.yng-chat-launch:active{transform:translateY(0) scale(.98)}
.yng-chat-hint{display:flex;align-items:center;gap:10px;box-sizing:border-box}
.yng-chat-hint .yng-chat-navigator{width:36px;height:30px}
.yng-chat-hint{position:absolute;bottom:66px;right:0;width:260px;background:#112b3ef5;border:1px solid var(--chat-line);border-radius:18px;padding:16px 40px 16px 16px;box-shadow:0 14px 36px #0005;line-height:1.7;animation:chat-appear .25s ease-out}
.yng-chat-hint p{margin:0;color:var(--chat-ink)}
.yng-chat-hint button{position:absolute;right:6px;top:5px;border:0;background:none;color:white;width:34px;height:34px;font-size:22px}
.yng-chat-dialog{box-sizing:border-box;position:fixed;inset:auto;top:calc(var(--chat-vtop,0px) + var(--chat-vheight,100dvh) - min(480px,var(--chat-vheight,100dvh) - 32px) - 16px);right:20px;width:min(360px,calc(100% - 32px));height:min(480px,calc(var(--chat-vheight,100dvh) - 32px));max-height:none;max-width:none;margin:0;padding:0;background:linear-gradient(150deg,#152e42,#071725);border:1px solid #6d9db66b;border-radius:20px;color:#edf6ff;box-shadow:0 18px 60px #0008;overflow:hidden;font-family:inherit}
.yng-chat-dialog::backdrop{background:#020c184d;backdrop-filter:blur(2px)}
.yng-chat-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:chat-appear .2s ease-out}
.yng-chat-header{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--chat-line)}
.yng-chat-header h2{font-size:15px;line-height:1.5;margin:0;color:#f3f9ff}
.yng-chat-status{font-size:11px;color:#9fcede;margin:1px 0 0}
.yng-chat-close{margin-left:auto;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--chat-line);background:#ffffff08;color:white;font-size:24px!important}
.yng-chat-scroll{overflow-y:auto;overscroll-behavior:contain;padding:12px;scrollbar-width:thin}
.yng-chat-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px;line-height:1.7;color:#e5f0f7;font-size:13px}
.yng-chat-message.user{border-left:2px solid #8fd0e9;padding:8px 12px;background:#a4d8ed0b;border-radius:0 10px 10px 0}
.yng-chat-message small{display:block;font-size:10px;color:#97bed0;letter-spacing:.09em;margin-bottom:4px}
.yng-chat-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px}
.yng-chat-choices button,.yng-chat-related button{min-height:44px;text-align:left;padding:7px 9px;border-radius:11px;border:1px solid var(--chat-line);background:#c8eafa08;color:#edf6ff;font-size:12px;line-height:1.5}
.yng-chat-choices button:hover,.yng-chat-related button:hover{background:#98dcf01c;border-color:#8ec7de}
.yng-chat-related{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.yng-chat-links{display:grid;gap:7px;margin:0 0 18px}
.yng-chat-links a{color:#b4e7fa;text-decoration:none;padding:10px 12px;border:1px solid #b4e7fa35;border-radius:12px;line-height:1.5}
.yng-chat-compose{padding:9px 12px 10px;border-top:1px solid var(--chat-line);background:#091a2a}
.yng-chat-compose label{display:block;font-size:11px;color:#b9cedc;margin-bottom:7px}
.yng-chat-inputrow{display:flex;gap:8px;align-items:stretch}
.yng-chat-compose textarea{resize:none;min-width:0;width:100%;height:50px;border:1px solid #86b5cc70;border-radius:10px;background:#122b3d;color:white;padding:8px;font-size:16px;line-height:1.4}
.yng-chat-send{flex:none;width:52px;background:#d9f0fc;border:0;border-radius:10px;color:#0a2335;font-weight:700}
.yng-chat-send:disabled{opacity:.5;cursor:wait}
.yng-chat-note{font-size:10px;line-height:1.6;color:#aac0ce;margin:8px 0 0}
.yng-chat-note a{color:#cbeafa}
.yng-chat .yng-chat-hint[hidden],.yng-chat[hidden]{display:none!important}
body:has(#navLinks.is-open) .yng-chat{visibility:hidden;pointer-events:none}
@media(max-width:600px){.yng-chat{right:14px;bottom:max(12px,env(safe-area-inset-bottom))}.yng-chat-launch{padding:10px 14px;font-size:12px}.yng-chat-dialog{right:8px;width:min(360px,calc(100% - 16px));border-radius:18px;top:calc(var(--chat-vtop,0px) + var(--chat-vheight,100dvh) - min(430px,var(--chat-vheight,100dvh) - 16px) - 8px);height:min(430px,calc(var(--chat-vheight,100dvh) - 16px))}.yng-chat-hint{width:238px}}
@media(prefers-reduced-motion:reduce){.yng-chat *, .yng-chat-dialog{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes chat-appear{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@keyframes navigator-idle{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-1px) rotate(-2deg)}90%{transform:translateY(0) rotate(2deg)}}

/* Message-first conversation, using the site's navy and pale blue palette. */
.yng-chat-navigator{width:40px;height:40px}
.yng-chat-header .yng-chat-navigator,.yng-chat-hint .yng-chat-navigator{width:34px;height:34px}
.yng-chat-scroll{padding:16px 12px;background:linear-gradient(160deg,#152c3e,#0c2031)}
.yng-chat-turn{display:flex;align-items:flex-start;gap:7px;margin:0 0 14px}
.yng-chat-turn>.yng-chat-navigator{width:29px;height:29px;margin-top:17px;filter:none}
.yng-chat-turn-content{min-width:0;max-width:calc(100% - 36px)}
.yng-chat-speaker{display:block;color:#adcbdc;font-size:10px;line-height:1.5;margin:0 0 4px 3px}
.yng-chat-turn .yng-chat-message{margin:0;padding:10px 12px;border-radius:3px 15px 15px 15px;background:#e9f3f8;color:#173247;font-size:13px;line-height:1.75;box-shadow:0 2px 5px #0002}
.yng-chat-turn.user{justify-content:flex-end}
.yng-chat-turn.user .yng-chat-speaker{text-align:right;margin-right:4px}
.yng-chat-turn.user .yng-chat-message{background:#99d8eb;color:#102d40;border-radius:15px 3px 15px 15px}
.yng-chat-turn.user .yng-chat-turn-content{max-width:85%}
.yng-chat-suggestions{margin:0 0 16px 36px;color:#c8e4ef;font-size:12px}
.yng-chat-suggestions summary{cursor:pointer;min-height:44px;align-content:center;line-height:1.5}
.yng-chat-suggestions summary:focus-visible{outline:2px solid #9fdef5;outline-offset:2px;border-radius:6px}
.yng-chat-links,.yng-chat-related{margin-left:36px}
.yng-chat-links a{font-size:12px;padding:9px 10px;background:#91cde50a}
.yng-chat-compose textarea{height:44px;border-radius:20px;padding:10px 13px}
.yng-chat-send{border-radius:50%;width:44px;height:44px;font-size:11px}
.yng-chat-pending .yng-chat-message{color:#4b6575;font-size:12px}
.yng-chat-pending .yng-chat-message{animation:chat-typing 1.2s ease-in-out infinite}
.yng-chat-skip{display:block;min-height:44px;padding:6px 12px;margin:4px 0;color:#d7effa;background:#17394d;border:1px solid #91c4d34d;border-radius:16px;font-size:12px;cursor:pointer}
.yng-chat-skip:focus-visible{outline:2px solid #9fdef5;outline-offset:2px}
@keyframes chat-typing{50%{opacity:.6}}
@media(prefers-reduced-motion:reduce){.yng-chat-pending .yng-chat-message{animation:none}}
.yng-chat-action-title{width:100%;font-size:12px;line-height:1.5;color:#e8f5fc;margin:0;font-weight:700}
.yng-chat-action-help{width:100%;font-size:10px;line-height:1.6;color:#adc6d5;margin:0 0 5px}
.yng-chat-links{padding:11px;border:1px solid #9bd5eb45;border-radius:12px;background:#081a2b;gap:5px}
.yng-chat-links a{display:block;min-height:44px;align-content:center;box-sizing:border-box;border:0;border-radius:4px;border-bottom:1px solid #9bd5eb25;background:none;padding:8px 0;color:#b7e8fb;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.yng-chat-links a:last-child{border-bottom:0}
.yng-chat-related{gap:6px;padding-top:4px}
.yng-chat-related button,.yng-chat-choices button{border-radius:18px;background:#254759;color:#effaff;border:1px solid #91c4d34d;min-height:44px}
.yng-chat-related button{width:100%;font-size:12px;padding:9px 12px}
.yng-chat-navigator{position:relative;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #93cfe3}
.yng-chat-navigator>img{position:absolute;max-width:none;width:640%;height:auto;left:-96%;top:-21%;display:block}
.yng-chat-eyelid{position:absolute;top:47%;width:18%;height:14%;background:#f8fbff;border-radius:45%;transform:scaleY(0);transform-origin:center;animation:guide-blink 8s linear infinite}
.yng-chat-eyelid.left{left:28%}.yng-chat-eyelid.right{left:56%}
.yng-chat-eyelid::after{content:"";position:absolute;left:12%;right:12%;top:35%;height:25%;border-bottom:1px solid #17365f;border-radius:50%}
.yng-chat-cheeks{position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse at 27% 65%,#fbaaaa80 0%,transparent 14%),radial-gradient(ellipse at 72% 65%,#fbaaaa80 0%,transparent 14%)}
.yng-chat.is-smiling .yng-chat-cheeks{opacity:1}
.yng-chat.is-smiling .yng-chat-header .yng-chat-eyelid{animation:none;transform:scaleY(1)}
.yng-chat.is-thinking .yng-chat-header .yng-chat-navigator{animation:guide-think 2.8s ease-in-out infinite}
.yng-chat-turn .yng-chat-eyelid{animation:none;transform:scaleY(0)}
.yng-chat.is-background .yng-chat-eyelid{animation-play-state:paused}
@keyframes guide-blink{0%,94%,100%{transform:scaleY(0)}96%,98%{transform:scaleY(1)}}
@keyframes guide-think{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
.yng-chat-navigator.hawk-guide{overflow:visible;background:transparent;border-radius:0;box-shadow:none}
.yng-chat-navigator.hawk-guide>img{position:static;width:100%;height:100%;object-fit:contain}
.yng-chat-navigator.robot-guide{position:relative;overflow:visible;flex-shrink:0;border-radius:50%;background:#092345;box-shadow:none;isolation:isolate}
.robot-face{position:absolute;inset:19% 12% 13%;border:2px solid #2589e9;border-radius:38%;background:linear-gradient(145deg,#fff,#d9eef8);box-shadow:0 2px 3px #00132a55}
.robot-antenna{position:absolute;left:47%;top:5%;width:6%;height:17%;border-radius:5px;background:#73def4}
.robot-antenna::before{content:'';position:absolute;left:-35%;top:-15%;width:170%;aspect-ratio:1;border-radius:50%;background:#7de9f7}
.robot-ear{position:absolute;top:39%;width:12%;height:28%;border-radius:8px;background:#69e5f0;border:1px solid #2688dd}
.robot-ear.left{left:3%}.robot-ear.right{right:3%}
.robot-eye{position:absolute;top:28%;width:24%;height:33%;border-radius:50%;background:#0a2e50;box-shadow:inset 0 -2px #38dcec;transform-origin:center}
.robot-eye.left{left:17%}.robot-eye.right{right:17%}
.robot-eye::after{content:'';position:absolute;top:14%;right:16%;width:30%;height:30%;background:white;border-radius:50%}
.robot-mouth{position:absolute;left:37%;top:67%;width:26%;height:14%;border-bottom:2px solid #123650;border-radius:0 0 50% 50%;transform-origin:center}
.robot-mic{position:absolute;right:12%;bottom:23%;width:24%;height:10%;border-radius:8px;background:#53dced;border:1px solid #113555;transform:rotate(-12deg)}
.yng-chat-launch .robot-eye,.yng-chat-header .robot-eye{animation:robot-blink 6.8s ease-in-out infinite}
.yng-chat.is-speaking .yng-chat-header .robot-mouth,.yng-chat-turn.is-speaking .robot-mouth{animation:robot-talk .48s ease-in-out infinite;background:#123650;border-bottom:0;border-radius:50%}
.yng-chat.is-speaking .yng-chat-header .robot-guide{animation:none}
.yng-chat.is-background .robot-guide *{animation-play-state:paused}
@keyframes robot-blink{0%,92%,97%,100%{transform:scaleY(1)}94%,95%{transform:scaleY(.12)}}
@keyframes robot-talk{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1.3)}}
@media(prefers-reduced-motion:reduce){.yng-chat .robot-guide,.yng-chat .robot-guide *{animation:none!important;transition:none!important}}
.yng-chat.is-smiling .yng-chat-header .hawk-guide{filter:drop-shadow(0 0 4px #72cfe866)}
@media(prefers-reduced-motion:reduce){.yng-chat .yng-chat-eyelid,.yng-chat.is-smiling .yng-chat-header .yng-chat-eyelid{animation:none!important;transform:scaleY(0)}.yng-chat .yng-chat-cheeks{display:none}.yng-chat.is-thinking .yng-chat-navigator{animation:none!important}}
