/* Reserved places for a single living character; static art is the fallback. */
#ys-living-krow{position:fixed;top:0;left:0;width:512px;height:512px;z-index:4;pointer-events:none;transform-origin:0 0;opacity:0;contain:layout style;will-change:transform}
#ys-living-krow canvas{display:block;width:512px;height:512px;pointer-events:none}
.ys-living-ready [data-story-static]{visibility:hidden!important}
.ys-living-ready .ys-hero-scene.is-greeting>img{animation:none!important}
.ys-story-perch{position:relative;flex:none;width:174px;height:174px;pointer-events:none}
.ys-story-perch img{display:block;width:100%;height:100%;object-fit:contain}
.ys-practice-after{justify-content:space-between;min-height:174px;margin:12px 12px 0;gap:16px}
.ys-practice-after>.ys-handwritten{margin-left:auto}
.ys-world-company{display:flex;align-items:center;gap:5px;margin-top:12px;min-height:118px}
.ys-world-company .ys-story-perch{width:118px;height:118px;margin-left:-20px}
.ys-world-company>span{font:400 24px/1.2 'Caveat',cursive;color:#576746}
.ys-privacy-presence{display:flex;align-items:center;gap:12px;margin-top:20px}
.ys-privacy-presence .ys-story-perch{width:110px;height:110px;margin-left:-20px}
.ys-privacy-presence>span{font:400 22px/1.2 'Caveat',cursive;color:#54644b}
.ys-now-links{display:grid;gap:0;margin-top:25px;border-top:1px solid var(--ys-line)}
.ys-now-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--ys-line);font-size:13px}
.ys-now-links a svg{width:17px;height:17px;transition:transform .2s}
.ys-now-links a:hover svg{transform:translateX(4px)}
#ys-motion-tools{position:fixed;right:16px;bottom:16px;z-index:25;display:flex;align-items:center;gap:2px;background:var(--ys-bg);color:var(--ys-ink);border:1px solid var(--ys-line);border-radius:30px;padding:3px;box-shadow:0 5px 16px #0001}
#ys-motion-tools button{min-height:40px;border:0;background:transparent;border-radius:25px;padding:10px 16px;font:500 11px/1.3 'Inter',sans-serif}
#ys-motion-tools button:hover{background:var(--ys-soft)}
#ys-motion-tools button:disabled{cursor:default;color:var(--ys-muted)}
#ys-motion-still{width:40px;padding:6px!important;font-size:18px!important}
#ys-motion-tools button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.ys-hero-scene .ys-scene-bottom{z-index:5}
.ys-page .ys-scenarios button,.ys-page .ys-next-question,.ys-page .ys-coach-button{min-height:44px}
@media(max-width:900px){.ys-story-perch{width:145px;height:145px}.ys-practice-after{min-height:150px}.ys-practice-after>.ys-handwritten{font-size:25px}.ys-curved-arrow{font-size:48px}}
@media(max-width:700px){.ys-practice-after{min-height:142px;margin-inline:0;gap:7px}.ys-practice-after .ys-story-perch{width:128px;height:142px}.ys-practice-after>.ys-handwritten{font-size:24px}.ys-practice-after .ys-curved-arrow{font-size:40px}.ys-world-company{min-height:95px;margin-top:3px}.ys-world-company .ys-story-perch{width:100px;height:100px}.ys-world-company>span{font-size:23px}.ys-privacy-presence{margin-top:12px}#ys-motion-tools{right:12px}#ys-motion-tools button{font-size:10px;min-height:40px;padding:10px 12px}.ys-now-links a{font-size:12px;min-height:46px}}
@media(prefers-reduced-motion:reduce){#ys-living-krow{display:none!important}.ys-living-ready [data-story-static]{visibility:visible!important}#ys-motion-tools{box-shadow:none}}
.ys-page.reduced-motion #ys-living-krow{display:none!important}.ys-page.reduced-motion [data-story-static]{visibility:visible!important}
.ys-page:not(.ys-js) #ys-motion-tools{display:none!important}
/* This control only adds a separate, optional homepage analytics preference. */
.ys-measurement{border-top:1px solid var(--ys-line);padding-top:15px;max-width:800px;font-size:11px;color:var(--ys-muted)}
.ys-measurement summary{cursor:pointer;min-height:36px;color:var(--ys-ink)}
.ys-measurement p{line-height:1.8;margin:0 0 14px}
.ys-measurement label{display:flex;gap:12px;align-items:center;min-height:44px;color:var(--ys-ink);margin-bottom:12px;font-size:12px}
.ys-measurement input{width:19px;height:19px;accent-color:var(--ys-accent)}
.ys-measurement button{background:var(--ys-soft);border:1px solid var(--ys-line);border-radius:7px;min-height:40px;padding:9px 14px;font-size:11px;margin:0 0 12px}
.ys-page:not(.ys-js) .ys-measurement label,.ys-page:not(.ys-js) #ys-review-privacy{display:none}
