/* Follow the real controls while preserving the Little Wins colors. */
html:root body[class] #walkthroughWelcome:not([hidden]){display:flex!important;gap:16px;align-items:center;justify-content:space-between;margin:12px 0;padding:14px 18px;border:1px solid var(--line,#e5c5d3);border-radius:12px;background:var(--card,#fff8fb)}
html:root body[class] #walkthroughWelcome h2{font-size:1.1rem;margin:0 0 6px;line-height:1.35}
html:root body[class] #walkthroughWelcome p{margin:0;font-size:.9rem;line-height:1.4}
html:root body[class] .walkthrough-welcome-actions{display:flex;gap:8px;flex-shrink:0}
html:root body[class] #walkthroughDialog.arrow-walkthrough:not([hidden]){display:block!important;position:fixed;inset:auto 16px 16px auto;transform:none;width:min(440px,calc(100vw - 32px));max-height:42vh;overflow:auto;margin:0;padding:18px;z-index:1001;border:2px solid var(--pink,#bd215b);border-radius:16px;background:var(--card,#fff8fb);box-shadow:0 8px 28px #0003}
html:root body[class] #walkthroughDialog .walkthrough-demo,html:root body[class] #walkthroughDialog .walkthrough-demo-label{display:none!important}
html:root body[class] #walkthroughDialog h2{font-size:1.25rem;margin:8px 0;line-height:1.25}
html:root body[class] #walkthroughDialog p{font-size:.9rem;line-height:1.45;margin:8px 0}
html:root body[class] #walkthroughDialog .walkthrough-tip{padding:8px 10px}
html:root body[class] #walkthroughDialog .walkthrough-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
html:root body[class] #walkthroughDialog button{min-height:44px;padding:10px 14px}
html:root body[class] .tutorial-target{outline:3px solid var(--pink,#bd215b)!important;outline-offset:5px!important;scroll-margin-top:80px;scroll-margin-bottom:260px}
#tutorialArrow{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;color:var(--pink,#bd215b);overflow:visible}
#tutorialArrow .tutorial-arrow-line{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:8 5;animation:tutorial-arrow-flow 1.6s linear infinite}
@keyframes tutorial-arrow-flow{to{stroke-dashoffset:-26}}
@media(max-width:700px){html:root body[class] #walkthroughWelcome:not([hidden]){flex-direction:column;align-items:flex-start;padding:14px}.walkthrough-welcome-actions{flex-wrap:wrap}html:root body[class] #walkthroughDialog.arrow-walkthrough:not([hidden]){inset:auto 12px 12px 12px;width:auto;padding:14px;max-height:40vh}html:root body[class] #walkthroughDialog p{font-size:.85rem}html:root body[class] #walkthroughDialog h2{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){#tutorialArrow .tutorial-arrow-line{animation:none}}
html:root body[class] #walkthroughDialog[hidden],html:root body[class] #walkthroughWelcome[hidden],#tutorialArrow[hidden]{display:none!important}