/* One composer outline: keyboard focus belongs to the outer pill. */
html[data-waykin-theme="white"] :is(.composer .pill,.compose,.wk-welcome-compose,body[data-wk-chat="events"]>form):focus-within{border-color:#227dd1!important;box-shadow:0 0 0 3px #227dd11a!important}
html[data-waykin-theme="white"] :is(.composer .pill textarea,.compose textarea,.wk-welcome-compose input,body[data-wk-chat="events"]>form>input),
html[data-waykin-theme="white"] :is(.composer .pill textarea,.compose textarea,.wk-welcome-compose input,body[data-wk-chat="events"]>form>input):is(:focus,:focus-visible){appearance:none!important;-webkit-appearance:none!important;outline:none!important;outline-offset:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;resize:none!important}
html[data-waykin-theme="white"] :is(.composer .pill,.qs .compose){gap:10px!important;flex-wrap:nowrap!important}
html[data-waykin-theme="white"] .composer .pill textarea{flex:1 1 0%!important;width:0!important;padding:9px 0!important}
html[data-waykin-theme="white"] body[data-wk-chat] :is(.compose textarea,.composer textarea){max-height:min(120px,calc(var(--wk-viewport-height,100dvh) * .28))!important;scroll-padding-block:8px;overscroll-behavior:contain}
html[data-waykin-theme="white"] body[data-wk-chat="eats"] .app{height:var(--wk-viewport-height,100dvh)!important;top:var(--wk-viewport-top,0px)!important}
html[data-waykin-theme="white"] body.wk-keyboard-open :is(.composer,.qs .foot){padding-bottom:8px!important}
html[data-waykin-theme="white"] body.wk-keyboard-open[data-wk-chat="eats"] :is(.foot,.tabs){display:none!important}
@media(orientation:landscape) and (max-height:550px){html[data-waykin-theme="white"] body.wk-keyboard-open[data-wk-chat="eats"] .workspace{display:flex!important;flex-direction:column!important}html[data-waykin-theme="white"] body.wk-keyboard-open[data-wk-chat="eats"] .composer{width:100%!important;align-self:stretch!important;padding:4px 18px 8px!important}}
html[data-waykin-theme="white"] .wk-area-choices{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
html[data-waykin-theme="white"] .wk-area-choices button{border:1px solid #cfe2f6;border-radius:24px;background:#fff;color:#205a8e;min-height:44px;padding:10px 16px;font:500 15px/1.4 'Waykin Manrope',Arial,sans-serif;cursor:pointer}
html[data-waykin-theme="white"] #fwrap{top:var(--wk-viewport-top,0px);bottom:auto;height:var(--wk-viewport-height,100dvh);padding:16px}
html[data-waykin-theme="white"] #fprof{max-height:calc(var(--wk-viewport-height,100dvh) - 32px);width:min(560px,100%);font-family:'Waykin Manrope',Arial,sans-serif}
html[data-waykin-theme="white"] #fprof .btns{flex-wrap:wrap;gap:10px}
html[data-waykin-theme="white"] #fprof .pbtn{min-height:44px;padding:10px 18px;border:1px solid #cad8e6;border-radius:24px}
html[data-waykin-theme="white"] #fstatus{flex-basis:100%;line-height:1.5}
html[data-waykin-theme="white"] #fprof .sec{opacity:1;color:#586b80;letter-spacing:.12em;font-weight:600}
html[data-waykin-theme="white"] #fprof .x{min-width:44px;min-height:44px}
html[data-waykin-theme="white"] .wl-account .wkid-acct{width:auto;min-width:100px;display:flex;gap:8px;padding:0 14px;border-radius:24px}
html[data-waykin-theme="white"] .wl-account .wkid-acct::after{content:'Profile';font:600 14px 'Waykin Manrope',Arial,sans-serif}
/* Reserve the call to action before sizing the artwork to the remaining viewport. */
html[data-waykin-theme="white"] body[data-wl-service]{height:var(--wk-viewport-height,100dvh)!important;min-height:0!important}
html[data-waykin-theme="white"] .wl-hero{height:auto!important;align-self:stretch;margin-block:0!important;min-height:0;overflow:hidden}
html[data-waykin-theme="white"] .wl-actions{min-height:0;flex:none;position:relative;z-index:2;padding-bottom:4px}
html[data-waykin-theme="white"] .wl-action{min-height:48px;white-space:nowrap}
html[data-waykin-theme="white"] .wl-copy{min-height:0}
html[data-waykin-theme="white"] .wl-art{min-height:0;overflow:hidden}
html[data-waykin-theme="white"] .wl-figure{min-height:0;max-height:100%;max-width:100%}
@media(max-width:650px) and (orientation:portrait){html[data-waykin-theme="white"] .wl-hero{grid-template-rows:minmax(0,auto) minmax(0,1fr) max-content!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}html[data-waykin-theme="white"] .wl-copy{max-height:45vh;overflow:auto}html[data-waykin-theme="white"] .wl-actions{margin:0!important}html[data-waykin-theme="white"] .wl-figure{height:100%;width:auto;aspect-ratio:1}}
@media(orientation:landscape) and (max-height:550px){html[data-waykin-theme="white"] .wl-hero{grid-template-rows:minmax(0,1fr) max-content!important}html[data-waykin-theme="white"] .wl-copy{max-height:100%;overflow:auto}html[data-waykin-theme="white"] .wl-actions{margin-top:8px!important;padding-bottom:0}.wl-note{display:none}}
html[data-waykin-theme="white"] .wk-profile-status{position:fixed;z-index:99998;top:calc(var(--wk-viewport-top,0px) + 8px);left:16px;right:16px;margin:0 auto;width:min(600px,calc(100% - 32px));display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border:1px solid #d6e2ed;border-radius:18px;background:#fff;color:#344b61;box-shadow:0 4px 20px #203a5314;font:14px/1.5 'Waykin Manrope',Arial,sans-serif}
html[data-waykin-theme="white"] .wk-profile-status span{flex:1 1 240px}
html[data-waykin-theme="white"] .wk-profile-status button{min-height:44px;border:1px solid #cfe2f6;border-radius:22px;padding:8px 14px;background:white;color:#205a8e}
/* Use the visible phone height so browser bars cannot cover the home action. */
html[data-waykin-theme="white"] #waykin-home{height:var(--wk-viewport-height,100dvh)!important;min-height:0}
html[data-waykin-theme="white"] #waykin-home .wh-main{height:auto!important;min-height:0!important;align-self:stretch;margin-block:0!important}
html[data-waykin-theme="white"] #waykin-home .wh-panel{position:relative;z-index:5}
html[data-waykin-theme="white"] #waykin-home .wh-open{line-height:1.4!important;white-space:normal;text-align:center;padding-block:11px!important;min-height:46px!important;flex:none}
html[data-waykin-theme="white"] #waykin-home .wh-open span{min-width:0;overflow-wrap:break-word}
@media(max-width:650px) and (orientation:portrait){html[data-waykin-theme="white"] #waykin-home .wh-main{grid-template-rows:max-content minmax(0,1fr) max-content!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}html[data-waykin-theme="white"] #waykin-home .wh-panel{max-width:calc(100% - 24px)!important;padding-bottom:4px!important}}
/* Animate artwork, not its label or surrounding button, with room to move. */
html[data-waykin-theme="white"] body:not([data-wk-chat="events"]) :is(.wk-chat-brand>img,.brand>img,.wl-brand>img,.wk-welcome-character>img){transform-origin:50% 55%;animation:wk-character-hop79 5.6s ease-in-out infinite}
html[data-waykin-theme="white"] body[data-wk-chat="activities"] .qs .who .mark{animation:wk-character-flip79 12s ease-in-out infinite}
html[data-waykin-theme="white"] body:is([data-wk-chat="answers"],[data-wk-chat="special-needs"]) :is(.wk-chat-brand>img,.brand>img){animation:wk-character-turn79 10s ease-in-out infinite}
html[data-waykin-theme="white"] body[data-wl-service="special-needs"] .wl-character{animation:wk-character-turn79 10s ease-in-out infinite;transform-origin:50% 55%}
html[data-waykin-theme="white"] #waykin-home .wh-character[data-character="activities"]>img{animation:wk-character-flip79 12s ease-in-out infinite;transform-origin:50% 55%}
html[data-waykin-theme="white"] #waykin-home .wh-character[data-character="eats"]>img{animation:wk-character-turn79 13s ease-in-out infinite;transform-origin:50% 55%}
@keyframes wk-character-hop79{0%,35%,70%,100%{transform:translateY(0) rotate(0)}17%{transform:translateY(-6px) rotate(-4deg)}52%{transform:translateY(-4px) rotate(4deg)}85%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes wk-character-turn79{0%,60%{transform:rotate(0)}85%,100%{transform:rotate(360deg)}}
@keyframes wk-character-flip79{0%,64%,100%{transform:translateY(0) rotateX(0)}74%{transform:translateY(-6px) rotateX(180deg)}84%,96%{transform:translateY(0) rotateX(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-waykin-theme="white"] :is(.wk-chat-brand>img,.brand>img,.wl-brand>img,.wk-welcome-character>img,.wl-character,.qs .who .mark,#waykin-home .wh-character>img){animation:none!important;transform:none!important}}

html[data-waykin-theme="white"] body.wk-keyboard-open :is(.wk-chat-header,.qs .head,.app>.head){height:54px!important;min-height:54px!important;padding:4px 14px!important}
html[data-waykin-theme="white"] body.wk-keyboard-open :is(.wk-chat-brand,.qs .who,.app>.head>.brand){top:4px!important;flex-direction:row!important;width:180px!important;gap:6px!important}
html[data-waykin-theme="white"] body.wk-keyboard-open :is(.wk-chat-brand img,.brand>img,.qs .who .mark){width:42px!important;height:42px!important}
html[data-waykin-theme="white"] body.wk-keyboard-open :is(.disc,.cnote,.wk-save-status,.wk-welcome-note){display:none!important}
html[data-waykin-theme="white"] body.wk-keyboard-open :is(.thread,.transcript,.qs .conv){padding-top:12px!important;padding-bottom:12px!important}
html[data-waykin-theme="white"] body.wk-keyboard-open>.composer{padding-bottom:8px!important}
html[data-waykin-theme="white"] .wk-eats-motion{position:relative;display:inline-block;width:64px;height:64px;flex:none;animation:wk-chef-turn 6s ease-in-out infinite;transform-origin:50% 80%}
html[data-waykin-theme="white"] .wk-eats-motion img{width:100%!important;height:100%!important;display:block}
html[data-waykin-theme="white"] .wk-eats-motion i{position:absolute;left:14%;top:38%;height:18%;width:7%;border-left:2px solid #93acbd;border-radius:50%;opacity:0;animation:wk-chef-steam 2.4s ease-out infinite;pointer-events:none}
html[data-waykin-theme="white"] .wk-eats-motion i:nth-of-type(2){left:22%;animation-delay:.8s}
html[data-waykin-theme="white"] .wk-eats-motion i:nth-of-type(3){left:29%;animation-delay:1.6s}
@keyframes wk-chef-turn{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes wk-chef-steam{0%{opacity:0;transform:translateY(0) scale(.7)}30%{opacity:.8}100%{opacity:0;transform:translateY(-16px) scale(1.2)}}
@media(max-width:600px){html[data-waykin-theme="white"] .wk-eats-motion{width:68px;height:68px}}
@media(orientation:landscape) and (max-height:550px){html[data-waykin-theme="white"] .wk-eats-motion{width:44px;height:44px}}
html[data-waykin-theme="white"] body.wk-keyboard-open .wk-eats-motion{width:42px;height:42px}
@media(prefers-reduced-motion:reduce){html[data-waykin-theme="white"] .wk-eats-motion,html[data-waykin-theme="white"] .wk-eats-motion i{animation:none}}