#cueGuide{position:fixed;right:20px;left:auto;bottom:20px;z-index:150;color:#222629;font:14px 'DM Sans',sans-serif}#cueGuide[hidden],#cueGuidePanel[hidden]{display:none}#cueLauncher{display:flex;align-items:center;gap:10px;padding:8px 15px 8px 8px;background:#fff;border:1px solid #cdd4c1;border-radius:40px;box-shadow:0 3px 12px #0001;font-weight:600}.cue-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#FFB39B;color:#344521;border-radius:10px;flex-shrink:0}.cue-intro .cue-avatar{animation:cue-bounce .7s ease-in-out 2}@keyframes cue-bounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-6deg)}}#cueGuidePanel{position:absolute;bottom:62px;right:0;left:auto;width:355px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #cdd4c1;border-radius:17px;box-shadow:0 12px 50px #0003;overflow:hidden}.cue-guide-header{height:auto;padding:18px 18px 12px;background:transparent;border:0;gap:12px;align-items:flex-start}.cue-guide-header h2{font-size:17px;line-height:1.4;flex:1}.cue-guide-header button{font-size:25px;line-height:1;width:30px;height:30px;flex-shrink:0}#cueGuideBody{padding:0 18px 18px;max-height:calc(100dvh - 210px);overflow-y:auto;overscroll-behavior:contain}.cue-topic-list{list-style:none;padding:0;margin:0;display:grid;gap:5px}.cue-topic-list button{text-align:left;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:9px;min-height:59px}.cue-topic-list button:hover{background:#eef4e3;border-color:#d4ddc3}.cue-topic-list strong,.cue-topic-list span{display:block}.cue-topic-list span{font-size:12px;line-height:1.5;opacity:.72;margin-top:3px}.cue-back{font-size:12px;text-decoration:underline;text-underline-offset:3px;margin-bottom:10px;padding:5px 0}#cueGuideBody ol{padding-left:22px;margin:8px 0 18px;line-height:1.65}#cueGuideBody li+li{margin-top:12px}#cueGuideBody .cue-topic-list li+li{margin-top:0}.cue-primary{display:block;background:#d5fa57;color:#1b2515;padding:11px 16px;border-radius:8px;font-weight:600;margin-top:16px;width:100%}#cueGuideBody a{color:inherit;text-underline-offset:3px}.cue-highlight{outline:3px solid #87a833!important;outline-offset:4px}.cue-contact label{display:block;font-size:13px;font-weight:600;margin:12px 0}.cue-contact input,.cue-contact textarea{display:block;box-sizing:border-box;width:100%;margin:7px 0 0;padding:10px;border:1px solid #bac4ad;border-radius:7px;background:#fff;color:#222629;font:inherit;font-size:14px;min-height:42px;line-height:1.5}.cue-contact textarea{min-height:110px;resize:vertical}.cue-contact p{font-size:12px;line-height:1.6;margin:12px 0}.cue-contact-status:empty{display:none}[data-theme=dark] #cueGuide{color:#eef2e8}[data-theme=dark] #cueLauncher,[data-theme=dark] #cueGuidePanel{background:#1b2224;border-color:#4c5746}[data-theme=dark] .cue-topic-list button:hover{background:#303b2e;border-color:#526146}[data-theme=dark] .cue-contact input,[data-theme=dark] .cue-contact textarea{background:#111719;color:#eef2e8;border-color:#4c5746}@media(max-width:600px){#cueGuide{right:12px;left:auto;bottom:12px}#cueGuidePanel{width:calc(100vw - 24px);max-width:none}#cueLauncher{font-size:12px}.cue-avatar{width:34px;height:34px}#cueGuidePanel{bottom:62px}body{padding-bottom:76px}}@media(prefers-reduced-motion:reduce){.cue-intro .cue-avatar{animation:none}}

.cue-memoji{overflow:visible}.cue-blink{transform-origin:24px 21px;animation:cue-blink 5s infinite}.cue-wave{transform-origin:39px 38px;animation:cue-wave 6s ease-in-out infinite}@keyframes cue-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes cue-wave{0%,8%,24%,100%{transform:rotate(0)}12%,20%{transform:rotate(12deg)}16%{transform:rotate(-10deg)}}@media(prefers-reduced-motion:reduce){.cue-blink,.cue-wave{animation:none}}

/* Match the launcher to the mascot background in both themes. */
#cueLauncher,[data-theme=dark] #cueLauncher{background:#FFB39B;color:#362442;border-color:#FFB39B}
#cueLauncher:hover,[data-theme=dark] #cueLauncher:hover{background:#FFA98D;border-color:#FFA98D}
#cueLauncher:focus-visible{outline:3px solid #7138D4;outline-offset:3px}

.cue-chevron{vertical-align:middle;margin-left:4px}#cueLauncher[aria-expanded="true"] .cue-chevron{transform:rotate(180deg)}

@media(max-width:600px){
  #cueLauncher{gap:0;padding:8px;min-width:50px;min-height:50px}
  #cueLauncher .cue-launcher-label{display:none;white-space:nowrap}
  #cueLauncher.cue-label-revealed{gap:10px;padding-right:15px}
  #cueLauncher.cue-label-revealed .cue-launcher-label{display:inline}
}