/* Two visual skins, same notation, mechanics, help and touch targets. */
.flowPreferences{max-width:736px;margin:10px auto 0;padding:0 12px;color:#243b32;font:14px/1.5 system-ui,sans-serif}.flowPreferences>summary{cursor:pointer;min-height:44px;padding:10px 14px;background:#fffdf8;border:1px solid #cbd4ca;border-radius:12px;width:max-content;margin-left:auto}.flowSettings{background:#fffdf8;border:1px solid #cbd4ca;border-radius:16px;padding:14px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}.flowSettings label{display:flex;align-items:center;gap:10px}.flowSettings select{font:inherit;min-height:44px;padding:8px;border:1px solid #8a9c8c;border-radius:8px;background:white;color:#243b32}.flowSettings fieldset{border:0;margin:0;padding:0}.flowSettings legend{font-weight:650}.flowSound{display:flex;gap:6px}.flowSound button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #8a9c8c;border-radius:10px;background:#fffdf8;color:#243b32}.flowSound button[aria-pressed=true]{background:#243b32;color:white}.flowSettings small{flex-basis:100%;color:#53685b}.flowSoundNotice{max-width:736px;margin:8px auto;font:14px/1.5 system-ui,sans-serif;padding:8px 14px;background:#e8ece4;border-radius:12px}
/* One sound control, available from every activity and studio. */
#journeySound,#sound-toggle,body[data-game=echo] #sound,body[data-game=create] #sound,.stylePicker{display:none!important}
body[data-look=playful] .stage,body[data-look=playful] #noteJourney,body[data-look=playful] .questStart,body[data-look=playful] .questIntro{border-color:#d8bb87!important;box-shadow:0 8px 22px #d8a75a12!important;background:#fffaf0}body[data-look=playful] #journeyBuddy,body[data-look=playful] .stage>.buddy{width:64px;height:64px}body[data-look=playful] #cards button,body[data-look=playful] #mixerCards button{border-radius:18px}body[data-look=playful] .mixWelcome{background:#f9eccf;border-radius:14px;padding:12px}body[data-look=playful] .questIntro .introBadge{color:#87452f}
body[data-look=clean]{background:#f6f7f4!important}body[data-look=clean] #pilotContent main{max-width:760px}body[data-look=clean] .stage,body[data-look=clean] .card,body[data-look=clean] #noteJourney,body[data-look=clean] .questStart,body[data-look=clean] .questIntro{background:white!important;border-color:#cbd4ca!important;border-radius:14px!important;box-shadow:none!important}body[data-look=clean] #journeyBuddy,body[data-look=clean] .stage>.buddy,body[data-look=clean] .questStart img,body[data-look=clean] .fruitWelcome img{width:34px!important;height:34px!important;object-fit:contain;opacity:.9}body[data-look=clean] .eyebrow,body[data-look=clean] .mixBadge,body[data-look=clean] .buddyLine{display:none}body[data-look=clean] #cards button,body[data-look=clean] #mixerCards button,body[data-look=clean] .mode{background:#f0f3ed!important;border-radius:10px!important}body[data-look=clean] .mixWelcome{background:transparent;padding:8px 4px}body[data-look=clean] .mixWelcome h2{font-size:22px}body[data-look=clean] .modes{background:#e9ede6}body[data-look=clean] .art{background:#e9ede6!important;height:130px}body[data-look=clean] .happy,body[data-look=clean] .celebrate{animation:none!important}body[data-look=clean] .guide-glow{box-shadow:none!important}
#introStaff{width:100%;max-height:235px;margin:12px auto;display:block}#introFeedback{min-height:24px;font-size:16px;color:#243b32;margin:4px 0 12px}.introTarget{cursor:pointer}.introTarget:focus-visible{outline:none}.introTarget:focus-visible rect{stroke:#8e3b46;stroke-width:2}.introHint rect{fill:#d8a75a33!important}.introHint ellipse{stroke:#d8a75a;stroke-width:4}.introActions{display:flex;flex-wrap:wrap;gap:8px}.introActions #introNext{background:#8e3b46;color:white}.introActions #introSkip{font-size:14px}.questIntro h2{min-height:32px}.questIntro #introCopy{min-height:48px;margin:6px 0}
@media(max-width:600px){.flowPreferences{margin-top:4px;padding:0 10px}.flowSettings{gap:12px}.flowSoundNotice{margin:6px 10px}.questIntro{padding:14px}#introStaff{max-height:210px}.flowSettings small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.introTarget,.flowSound button{transition:none!important;animation:none!important}}