*{box-sizing:border-box}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;background:#eefbf7;color:#153b6d}.learn-shell{max-width:1040px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 35px #164b6d22}.learn-topbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:72px;padding:10px 14px;background:#f5fff9}.learn-home{width:52px;height:52px;border-radius:50%;background:#ef4b55;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 4px 0 #841b242e}.learn-home img{width:27px;filter:brightness(0) invert(1)}.learn-lang{justify-self:end;display:flex;gap:7px}.learn-lang button{height:42px;min-width:58px;border:2px solid #174b91;border-radius:14px;background:#fff;color:#173b70;font-weight:900}.learn-lang small{font-size:11px}.learn-hero{position:relative;overflow:hidden;min-height:360px;background:#dff5ff}.learn-hero>img{width:100%;height:440px;object-fit:cover;object-position:center 42%;display:block}.hero-copy{position:absolute;left:4%;bottom:22px;max-width:560px;background:#fffffff0;border-radius:24px;padding:17px 24px;box-shadow:0 8px 28px #0d3c6330}.hero-copy .kicker,.answer-kicker{font-size:13px;letter-spacing:1.8px;font-weight:900;color:#2b7d68;margin:0 0 6px}.hero-copy h1{font-size:42px;line-height:1;margin:0 0 8px;color:#16477f}.hero-copy p:last-child{font-size:21px;font-weight:800;margin:0}main{padding:22px}.start-panel,.answer,.worlds{border:2px solid #d8e9e4;border-radius:24px;padding:22px;background:#fffdf6;box-shadow:0 7px 0 #dce8e3}.level-line{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;border-radius:14px;background:#e9f8ff}.level-line span{font-size:13px;font-weight:800}.level-line strong{font-size:16px}.level-line a{margin-left:auto;color:#16477f;font-weight:800}.start-panel label{display:block;font-size:22px;font-weight:900;margin-bottom:9px}.ask-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:stretch}.ask-row textarea{width:100%;border:2px solid #9bc9df;border-radius:16px;padding:14px;font:700 17px/1.35 Arial;resize:vertical}.ask-row button,.start-actions button,.depth-row button,.answer-actions button{border:0;border-radius:16px;padding:13px 17px;font-weight:900;font-size:16px;cursor:pointer}.ask-row button{background:#17599c;color:#fff}.ask-row .learn-mic{min-width:76px;background:#fff;color:#16477f;border:2px solid #9bc9df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 10px}.learn-mic img{width:28px;height:28px}.learn-mic span{font-size:12px;font-weight:900}.learn-mic.listening{background:#e8f7ff;border-color:#17599c;box-shadow:0 0 0 4px #17599c20}.learn-mic.listening img{transform:scale(1.08)}.start-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.start-actions button{background:#d9f2e6;color:#16477f;border:2px solid #9bcfb8}.worlds{margin-top:18px}.worlds h2{margin:0 0 14px;font-size:28px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.world-grid button{min-height:145px;border:0;border-radius:20px;padding:14px;background:#eef8ff;color:#153b6d;text-align:left;cursor:pointer;box-shadow:0 4px 0 #c8dce8}.world-grid strong,.world-grid small{display:block}.world-grid strong{font-size:18px;margin-top:10px}.world-grid small{font-size:13px;margin-top:4px}.art{display:block;width:54px;height:54px;border-radius:50%;position:relative;background:#fff;border:5px solid #7bc3dc}.art:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#2d75b3}.art.nature{border-color:#7fc888}.art.nature:after{background:#3d9852}.art.world{border-color:#e4bc56}.art.world:after{background:#e18e34}.art.history{border-color:#c4a47d}.art.history:after{background:#8d6847}.art.arts{border-color:#cf8cc7}.art.arts:after{background:#8c55a8}.art.works{border-color:#9fa9b5}.art.works:after{background:#5f7184}.answer{margin-top:18px;background:#f7fbff}.answer h2{font-size:34px;margin:4px 0 12px}.answer #answerBody{font-size:18px;line-height:1.6;color:#243e59;white-space:pre-line}.depth-row,.answer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.depth-row button{background:#e9f4ff;color:#16477f;border:2px solid #a8cbe7}.answer-actions button{background:#17599c;color:#fff}.answer-actions button:nth-child(2){background:#2e866f}.answer-actions button:nth-child(3){background:#8a4e9c}.next-box{margin-top:20px;padding:16px;background:#fff;border-radius:18px}.next-box h3{margin:0 0 10px}.next-box button{display:block;width:100%;text-align:left;margin:7px 0;padding:11px 13px;border:1px solid #bdd5e5;border-radius:12px;background:#f7fbff;color:#174b7d;font-weight:800}.status{text-align:center;font-weight:800;min-height:22px;margin:18px 0}@media(max-width:650px){.learn-lang{gap:4px}.learn-lang button{min-width:45px;height:38px;font-size:11px}.learn-home{width:46px;height:46px}.learn-hero>img{height:310px}.hero-copy{left:12px;right:12px;bottom:12px;padding:13px 16px}.hero-copy h1{font-size:31px}.hero-copy p:last-child{font-size:17px}main{padding:12px}.ask-row{grid-template-columns:1fr auto}.ask-row textarea{grid-column:1/-1}.ask-row #askLearn{min-height:54px}.ask-row .learn-mic{min-width:72px;min-height:54px}.world-grid{grid-template-columns:1fr 1fr}.start-panel,.answer,.worlds{padding:15px}.answer h2{font-size:27px}}@media(max-width:390px){.world-grid{grid-template-columns:1fr}.learn-lang button{min-width:40px;padding:2px}}

/* V4.33.08 — large animated Yvette microphone */
.ask-row .learn-mic{position:relative;overflow:visible;min-width:82px!important;width:82px;min-height:70px!important;border-radius:22px!important;background:linear-gradient(145deg,#9d49dc,#7256ce)!important;border:3px solid #fff!important;box-shadow:0 5px 0 #533ca4,0 0 0 2px #9bc9df!important;padding:10px!important;display:grid!important;place-items:center!important}
.ask-row .learn-mic img{position:relative;z-index:2;width:42px!important;height:42px!important;filter:brightness(0) invert(1)}
.ask-row .learn-mic .mic-rings{position:absolute;z-index:1;width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.72);opacity:0;pointer-events:none}
.ask-row .learn-mic.listening{background:linear-gradient(145deg,#ef4b7d,#b72f73)!important;border-color:#fff!important;box-shadow:0 5px 0 #812153,0 0 0 4px rgba(239,75,125,.18)!important;animation:yvetteMicBreathe .85s ease-in-out infinite alternate}
.ask-row .learn-mic.listening .mic-rings{animation:yvetteMicRing 1.15s ease-out infinite}
.ask-row .learn-mic.listening:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.48);animation:yvetteMicRing 1.15s .35s ease-out infinite}
@keyframes yvetteMicBreathe{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes yvetteMicRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.55);opacity:0}}
#learnStatus.listening-status{font-size:24px!important;line-height:1.2;color:#8d2763;background:#fff0f7;border:2px solid #ef9cc6;border-radius:18px;padding:14px 16px;margin:16px auto;max-width:520px}
@media(max-width:650px){.ask-row .learn-mic{width:88px;min-width:88px!important;min-height:68px!important}.ask-row .learn-mic img{width:44px!important;height:44px!important}}
/* V4.33.08 — child-safe single-session audio/microphone guard */
.learn-mic:disabled{pointer-events:none;opacity:.72}.answer-actions button:disabled{pointer-events:none;opacity:.72}

/* V4.33.09 curated Learn With Yvette answer artwork */
.answer-visual{margin:0 0 18px;border-radius:24px;overflow:hidden;background:#eef8ef;box-shadow:0 8px 20px rgba(20,63,92,.12)}
.answer-visual img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center}
@media(max-width:700px){.answer-visual{border-radius:20px;margin-bottom:14px}.answer-visual img{max-height:250px}}

/* V4.33.15 — unmistakable persistent saved state */
.answer-actions #saveDiscovery.is-saved,
.answer-actions #saveDiscovery.is-saved:hover,
.answer-actions #saveDiscovery.is-saved:focus,
.answer-actions #saveDiscovery.is-saved:active{
  background:#159447;
  color:#fff;
  border:2px solid #087634;
  box-shadow:0 4px 0 #08642d,0 0 0 4px rgba(21,148,71,.14);
}
.answer-actions #saveDiscovery.is-saved::before{content:"✓ ";font-weight:900}

/* V4.33.22 — approved flag-only language selector */
.learn-lang button,.school-lang button{font-size:23px!important;line-height:1!important;min-width:50px!important;padding:4px 7px!important}

/* V4.33.23 — larger flag-only selectors for iPhone readability */
.learn-lang button,.school-lang button{font-size:27px!important;line-height:1!important;min-width:58px!important;height:48px!important;padding:4px 7px!important}

/* V4.33.24 — extra-large iPhone flags: Learn With Yvette only */
.learn-lang button{font-size:32px!important;line-height:1!important;min-width:66px!important;height:54px!important;padding:4px 8px!important}
@media(max-width:650px){.learn-lang{gap:6px!important}.learn-lang button{font-size:32px!important;min-width:64px!important;height:54px!important;padding:4px 7px!important}}
@media(max-width:390px){.learn-lang button{font-size:30px!important;min-width:60px!important;height:52px!important;padding:3px 6px!important}}


/* V4.33.27 — Learn With Yvette camera-first entry */
.learn-photo-action{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:14px;width:100%;margin:0 0 18px;padding:12px 16px;border:3px solid #ef4b55;border-radius:20px;background:#fff5f5;color:#153b6d;text-decoration:none;box-shadow:0 5px 0 #d9323f;font-weight:900}
.learn-photo-action img{width:62px;height:62px;object-fit:contain}
.learn-photo-action span{display:block}.learn-photo-action strong,.learn-photo-action small{display:block}.learn-photo-action strong{font-size:22px;color:#d9323f}.learn-photo-action small{font-size:14px;margin-top:3px;color:#38536f}.learn-photo-action b{font-size:32px;color:#ef4b55}
.learn-photo-action:active{transform:translateY(3px);box-shadow:0 2px 0 #d9323f}
@media(max-width:650px){.learn-photo-action{grid-template-columns:60px 1fr auto;padding:10px 13px}.learn-photo-action img{width:56px;height:56px}.learn-photo-action strong{font-size:20px}.learn-photo-action small{font-size:13px}}

/* V4.33.28 — Make Learn photo action bold, bright and gently animated */
.learn-photo-action{
  background:linear-gradient(135deg,#fff7f7 0%,#ffe2e5 100%);
  border-width:4px;
  box-shadow:0 6px 0 #c92c39,0 10px 24px rgba(217,50,63,.22);
  animation:yvettePhotoInvite 1.8s ease-in-out infinite;
  transform-origin:center;
}
.learn-photo-action strong{font-weight:1000;letter-spacing:.2px;font-size:24px}
.learn-photo-action img{animation:yvetteCameraBounce 1.8s ease-in-out infinite}
.learn-photo-action:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.015);box-shadow:0 8px 0 #c92c39,0 14px 28px rgba(217,50,63,.28)}
.learn-photo-action:hover img{animation-play-state:paused}
@keyframes yvettePhotoInvite{0%,100%{transform:scale(1)}50%{transform:scale(1.018);box-shadow:0 6px 0 #c92c39,0 12px 30px rgba(217,50,63,.34)}}
@keyframes yvetteCameraBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}
@media(max-width:650px){.learn-photo-action strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.learn-photo-action,.learn-photo-action img{animation:none}}

/* V4.33.29: Learn camera stays inside Learn With Yvette. */
button.learn-photo-action{width:100%;font:inherit;text-align:left;cursor:pointer}
.learn-photo-preview{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;margin:10px 0 16px;padding:10px 12px;border-radius:18px;background:#fff;border:2px solid #f1c9cc;box-shadow:0 5px 16px rgba(70,45,45,.09)}
.learn-photo-preview[hidden]{display:none}.learn-photo-preview img{width:72px;height:72px;object-fit:cover;border-radius:14px}.learn-photo-preview strong,.learn-photo-preview small{display:block}.learn-photo-preview small{margin-top:3px;color:#52677b}.learn-photo-preview button{border:0;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}
@media(max-width:650px){.learn-photo-preview{grid-template-columns:62px 1fr auto}.learn-photo-preview img{width:62px;height:62px}}


/* V4.33.30 — friendly Yvette wait/progress state for AI work */
.learn-thinking{margin:18px 0;padding:14px 16px;border:2px solid #ffd0d4;border-radius:20px;background:#fff8f8;box-shadow:0 6px 18px rgba(70,45,45,.09)}
.learn-thinking[hidden]{display:none}.learn-thinking-copy{display:flex;align-items:center;gap:11px}.learn-thinking-copy>img{width:46px;height:46px;object-fit:contain;animation:learnThinkNod 1.5s ease-in-out infinite}.learn-thinking-copy strong,.learn-thinking-copy small{display:block}.learn-thinking-copy strong{font-size:18px;color:#d9323f}.learn-thinking-copy small{margin-top:2px;color:#52677b;font-weight:700}
.learn-thinking-track{position:relative;height:16px;margin:15px 7px 4px;border-radius:999px;background:#ffe1e4;overflow:visible}.learn-thinking-fill{position:absolute;inset:0 auto 0 0;width:42%;border-radius:999px;background:linear-gradient(90deg,#ef4b55,#ff9aa3);animation:learnThinkFill 2.5s ease-in-out infinite}.learn-thinking-bug{position:absolute;top:50%;left:8%;width:34px;height:34px;object-fit:contain;transform:translate(-50%,-50%);animation:learnThinkBug 4.2s ease-in-out infinite}
@keyframes learnThinkFill{0%{width:18%}50%{width:82%}100%{width:18%}}@keyframes learnThinkBug{0%{left:8%;transform:translate(-50%,-50%) rotate(-5deg)}50%{left:90%;transform:translate(-50%,-50%) rotate(5deg)}100%{left:8%;transform:translate(-50%,-50%) rotate(-5deg)}}@keyframes learnThinkNod{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:650px){.learn-thinking{padding:12px 13px}.learn-thinking-copy>img{width:42px;height:42px}.learn-thinking-copy strong{font-size:17px}.learn-thinking-track{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.learn-thinking-copy>img,.learn-thinking-fill,.learn-thinking-bug{animation:none}.learn-thinking-fill{width:65%}.learn-thinking-bug{left:65%}}
/* V4.33.31 — Ask Yvette immediate-response repair */
#askLearn:disabled{opacity:.72;cursor:wait}


/* V4.33.32 — action-first Find What I Need */
.answer-actions .find-need{background:#e34a55!important;color:#fff!important;box-shadow:0 4px 0 #a92c35;font-size:17px}
.find-need-panel{margin-top:14px;padding:16px;border:2px solid #efb8bd;border-radius:18px;background:#fff8f8;color:#243e59}
.find-need-panel[hidden]{display:none}.find-need-panel strong{display:block;font-size:18px;color:#c93440}.find-need-panel p{margin:7px 0 0;line-height:1.45;font-weight:700}.find-need-panel button{margin-top:12px;border:0;border-radius:14px;padding:12px 16px;background:#17599c;color:#fff;font-size:16px;font-weight:900;cursor:pointer}
@media(max-width:650px){.answer-actions .find-need{width:100%;min-height:54px;font-size:18px}.find-need-panel{padding:14px}}


/* V4.33.45 — Take Yvette for a Walk inside Learn With Yvette */
.yvette-walk-card{display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:20px;align-items:center;margin:0 0 22px;padding:14px;border:3px solid #8ccf8d;border-radius:26px;background:linear-gradient(135deg,#f4fff2,#e8f8ff);box-shadow:0 7px 0 #5da96b,0 12px 26px rgba(37,104,70,.14);overflow:hidden}
.yvette-walk-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;display:block}
.yvette-walk-copy span{font-size:12px;letter-spacing:1.5px;font-weight:1000;color:#2b7d68}.yvette-walk-copy h2{margin:5px 0 8px;font-size:30px;line-height:1.05;color:#16477f}.yvette-walk-copy p{margin:0 0 14px;font-size:16px;line-height:1.4;font-weight:700;color:#38536f}.yvette-walk-copy button{border:0;border-radius:18px;padding:14px 20px;background:#ef4b55;color:#fff;font-size:18px;font-weight:1000;box-shadow:0 5px 0 #b52e38;cursor:pointer;animation:yvetteWalkGlow 1.8s ease-in-out infinite}.yvette-walk-copy button:active{transform:translateY(3px);box-shadow:0 2px 0 #b52e38}@keyframes yvetteWalkGlow{0%,100%{box-shadow:0 5px 0 #b52e38,0 0 0 rgba(239,75,85,0)}50%{box-shadow:0 5px 0 #b52e38,0 0 20px rgba(239,75,85,.35)}}
@media(max-width:650px){.yvette-walk-card{grid-template-columns:128px 1fr;gap:12px;padding:10px;border-radius:22px}.yvette-walk-copy h2{font-size:23px}.yvette-walk-copy p{font-size:14px}.yvette-walk-copy button{width:100%;font-size:16px;padding:12px 10px}}
@media(max-width:420px){.yvette-walk-card{grid-template-columns:1fr}.yvette-walk-card>img{aspect-ratio:16/10;object-position:center 58%}.yvette-walk-copy{text-align:center}}
@media(prefers-reduced-motion:reduce){.yvette-walk-copy button{animation:none}}

/* V4.33.52S — isolated Story Router prototype */
.yvette-story-card{display:flex;gap:16px;align-items:center;margin:16px 0;padding:18px;border:3px solid #8f67d8;border-radius:24px;background:linear-gradient(135deg,#fff8ff,#f0e8ff);box-shadow:0 6px 0 rgba(94,58,151,.12)}
.yvette-story-icon{display:grid;place-items:center;flex:0 0 84px;width:84px;height:84px;border-radius:22px;background:#fff;font-size:48px}
.yvette-story-copy{min-width:0}.yvette-story-copy span{font-size:.78rem;font-weight:900;letter-spacing:.08em;color:#6b43ad}.yvette-story-copy h2{margin:3px 0 5px;font-size:1.35rem}.yvette-story-copy p{margin:0 0 10px}.yvette-story-copy button{min-height:46px;border:0;border-radius:999px;padding:0 18px;font-weight:900;background:#6f46b8;color:#fff;font-size:1rem}
@media(max-width:520px){.yvette-story-card{padding:14px;gap:12px}.yvette-story-icon{flex-basis:64px;width:64px;height:64px;font-size:38px}.yvette-story-copy h2{font-size:1.15rem}}

/* V4.33.56 — Story mascot inside Make My Story button */
#startYvetteStory{display:inline-flex;align-items:center;justify-content:center;gap:9px}
#startYvetteStory .story-button-mascot{width:40px;height:40px;object-fit:cover;object-position:center 42%;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px rgba(0,0,0,.18);flex:0 0 40px}
#startYvetteStory span{display:inline-block}
@media(max-width:520px){#startYvetteStory .story-button-mascot{width:36px;height:36px;flex-basis:36px}}

/* V4.33.58 — restore Make My Story label beside storyteller mascot */
#startYvetteStory{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-width:220px;padding:7px 18px!important}
#startYvetteStory .story-button-mascot{width:44px;height:44px;flex:0 0 44px;object-fit:cover;object-position:center;border-radius:11px;border:2px solid rgba(255,255,255,.95);display:block}
.yvette-story-copy #startYvetteStory span{display:inline-block!important;color:#fff!important;font-size:1rem!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:0!important;white-space:nowrap}
@media(max-width:520px){#startYvetteStory{min-width:210px;padding:6px 15px!important;gap:9px}#startYvetteStory .story-button-mascot{width:42px;height:42px;flex-basis:42px}.yvette-story-copy #startYvetteStory span{font-size:1rem!important}}


/* V4.33.59 — Story mascot belongs in the Story Adventure icon, not the button */
.yvette-story-icon{overflow:hidden;padding:0!important}
.yvette-story-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
#startYvetteStory{display:inline-flex!important;align-items:center;justify-content:center;min-width:220px;min-height:46px;padding:0 18px!important;color:#fff!important;font-size:1rem!important;font-weight:1000!important;line-height:1.05!important;white-space:nowrap}
#startYvetteStory .story-button-mascot{display:none!important}
@media(max-width:520px){#startYvetteStory{min-width:210px;padding:0 15px!important}}

/* V4.33.61 — Story Adventure uses Take Yvette for a Walk as the master card layout */
.yvette-story-card{
  display:grid!important;
  grid-template-columns:minmax(220px,42%) 1fr!important;
  gap:20px!important;
  align-items:center!important;
  margin:0 0 22px!important;
  padding:14px!important;
  border:3px solid #8f67d8!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff8ff,#f0e8ff)!important;
  box-shadow:0 7px 0 #714bb4,0 12px 26px rgba(94,58,151,.14)!important;
  overflow:hidden!important;
}
.yvette-story-icon{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.yvette-story-icon img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:20px!important}
.yvette-story-copy span{font-size:12px!important;letter-spacing:1.5px!important;font-weight:1000!important;color:#6b43ad!important}
.yvette-story-copy h2{margin:5px 0 8px!important;font-size:30px!important;line-height:1.05!important;color:#16477f!important}
.yvette-story-copy p{margin:0 0 14px!important;font-size:16px!important;line-height:1.4!important;font-weight:700!important;color:#38536f!important}
#startYvetteStory{min-width:0!important;min-height:0!important;border:0!important;border-radius:18px!important;padding:14px 20px!important;background:#6f46b8!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;box-shadow:0 5px 0 #51318d!important;cursor:pointer!important}
#startYvetteStory:active{transform:translateY(3px);box-shadow:0 2px 0 #51318d!important}
@media(max-width:650px){
 .yvette-story-card{grid-template-columns:128px 1fr!important;gap:12px!important;padding:10px!important;border-radius:22px!important}
 .yvette-story-copy h2{font-size:23px!important}
 .yvette-story-copy p{font-size:14px!important}
 #startYvetteStory{width:100%!important;font-size:16px!important;padding:12px 10px!important}
}
@media(max-width:420px){
 .yvette-story-card{grid-template-columns:1fr!important}
 .yvette-story-icon{aspect-ratio:16/10!important}
 .yvette-story-icon img{object-position:center 45%!important}
 .yvette-story-copy{text-align:center!important}
}


/* V4.33.64 — Treasure Hunt compact card: same mobile footprint as the established Learn adventure cards */
.yvette-treasure-card{display:grid!important;grid-template-columns:minmax(220px,42%) 1fr!important;gap:20px!important;align-items:center!important;margin:0 0 22px!important;padding:14px!important;border:3px solid #e6b83f!important;border-radius:26px!important;background:linear-gradient(135deg,#fffdf0,#fff5cf)!important;box-shadow:0 7px 0 #c49425,0 12px 26px rgba(139,104,25,.14)!important;overflow:hidden!important}
.yvette-treasure-icon{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important}
.yvette-treasure-icon img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;border-radius:20px!important}
.yvette-treasure-copy{min-width:0!important;text-align:left!important}.yvette-treasure-copy span{font-size:12px!important;letter-spacing:1.5px!important;font-weight:1000!important;color:#927017!important}.yvette-treasure-copy h2{margin:5px 0 8px!important;font-size:30px!important;line-height:1.05!important;color:#16477f!important}.yvette-treasure-copy p{margin:0 0 14px!important;font-size:16px!important;line-height:1.4!important;font-weight:700!important;color:#38536f!important}.yvette-treasure-copy button{border:0!important;border-radius:18px!important;padding:14px 20px!important;background:#f0ad28!important;color:#173f6d!important;font-size:18px!important;font-weight:1000!important;box-shadow:0 5px 0 #bd7f10!important;cursor:pointer!important}.yvette-treasure-copy button:active{transform:translateY(3px);box-shadow:0 2px 0 #bd7f10!important}
@media(max-width:650px){.yvette-treasure-card{grid-template-columns:128px minmax(0,1fr)!important;gap:12px!important;padding:10px!important;border-radius:22px!important}.yvette-treasure-icon{width:128px!important;max-width:128px!important}.yvette-treasure-copy h2{font-size:23px!important}.yvette-treasure-copy p{font-size:14px!important}.yvette-treasure-copy button{width:100%!important;font-size:16px!important;padding:12px 10px!important}}
@media(max-width:420px){.yvette-treasure-card{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.yvette-treasure-icon{width:112px!important;max-width:112px!important;aspect-ratio:1/1!important}.yvette-treasure-copy h2{font-size:21px!important}.yvette-treasure-copy p{font-size:13px!important;line-height:1.3!important}.yvette-treasure-copy button{font-size:14px!important;padding:11px 8px!important}}

/* V4.33.65 — Treasure Hunt now literally inherits the Story master card structure. */
.yvette-treasure-master{border-color:#8f67d8!important;background:linear-gradient(135deg,#fff8ff,#f0e8ff)!important;box-shadow:0 7px 0 #714bb4,0 12px 26px rgba(94,58,151,.14)!important}
.yvette-treasure-master .yvette-story-copy>span{color:#6b43ad!important}
.yvette-treasure-master #startYvetteTreasure{min-width:0!important;min-height:0!important;border:0!important;border-radius:18px!important;padding:14px 20px!important;background:#6f46b8!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;box-shadow:0 5px 0 #51318d!important;cursor:pointer!important}
.yvette-treasure-master #startYvetteTreasure:active{transform:translateY(3px);box-shadow:0 2px 0 #51318d!important}
@media(max-width:650px){.yvette-treasure-master #startYvetteTreasure{width:100%!important;font-size:16px!important;padding:12px 10px!important}}

/* V4.33.66 — Explore My House uses the exact Story/Treasure master card geometry. */
.yvette-house-master{border-color:#8f67d8!important;background:linear-gradient(135deg,#fff8ff,#f0e8ff)!important;box-shadow:0 7px 0 #714bb4,0 12px 26px rgba(94,58,151,.14)!important}
.yvette-house-master .yvette-story-copy>span{color:#6b43ad!important}
.yvette-house-master #startYvetteHouse{min-width:0!important;min-height:0!important;border:0!important;border-radius:18px!important;padding:14px 20px!important;background:#6f46b8!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;box-shadow:0 5px 0 #51318d!important;cursor:pointer!important}
.yvette-house-master #startYvetteHouse:active{transform:translateY(3px);box-shadow:0 2px 0 #51318d!important}
@media(max-width:650px){.yvette-house-master #startYvetteHouse{width:100%!important;font-size:16px!important;padding:12px 10px!important}}


/* V4.33.84 — keep Walk with Yvette flowing from one discovery to the next */
.answer-actions .continue-walk{background:#2f9b61!important;color:#fff!important;box-shadow:0 5px 0 #1d6f43;font-size:18px;font-weight:1000}
.answer-actions .continue-walk:active{transform:translateY(3px);box-shadow:0 2px 0 #1d6f43}
@media(max-width:650px){.answer-actions .continue-walk{width:100%;min-height:58px;font-size:19px}}

/* V4.33.85 — Learn adventure color system: unique activity frames, one Yvette-red CTA language */
/* Walk keeps its established green frame. */
.yvette-walk-card{border-color:#45ad62!important;box-shadow:0 7px 0 #2f8748,0 12px 26px rgba(47,135,72,.14)!important}
/* Story keeps purple. */
.yvette-story-card:not(.yvette-treasure-master):not(.yvette-house-master):not(.yvette-vacation-master){border-color:#8f67d8!important;box-shadow:0 7px 0 #714bb4,0 12px 26px rgba(94,58,151,.14)!important}
/* Treasure gets its own blue frame. */
.yvette-treasure-master{border-color:#3b9de2!important;background:linear-gradient(135deg,#f7fcff,#eaf6ff)!important;box-shadow:0 7px 0 #2578b6,0 12px 26px rgba(37,120,182,.14)!important}
.yvette-treasure-master .yvette-story-copy>span{color:#2578b6!important}
/* House gets warm orange. */
.yvette-house-master{border-color:#e69b3a!important;background:linear-gradient(135deg,#fffaf2,#fff1dc)!important;box-shadow:0 7px 0 #b9741e,0 12px 26px rgba(185,116,30,.14)!important}
.yvette-house-master .yvette-story-copy>span{color:#a96818!important}
/* Vacation gets teal, distinct from Walk green. */
.yvette-vacation-master{border-color:#35a8a2!important;background:linear-gradient(135deg,#f4fffe,#e4f8f7)!important;box-shadow:0 7px 0 #237d78,0 12px 26px rgba(35,125,120,.14)!important}
.yvette-vacation-master .yvette-story-copy>span{color:#237d78!important}
/* Every primary adventure CTA uses the same approved Yvette red. */
#startYvetteWalk,#startYvetteStory,#startYvetteTreasure,#startYvetteHouse,#startYvetteVacation,
.answer-actions .continue-walk{background:#ef4b55!important;color:#fff!important;box-shadow:0 5px 0 #b52e38!important;border:0!important}
#startYvetteWalk:active,#startYvetteStory:active,#startYvetteTreasure:active,#startYvetteHouse:active,#startYvetteVacation:active,
.answer-actions .continue-walk:active{transform:translateY(3px);box-shadow:0 2px 0 #b52e38!important}

/* V4.33.87 Walk audio controls */
.answer-actions #stopYvetteAnswer{background:#ef4b55!important;color:#fff!important;box-shadow:0 4px 0 #b52e38!important}
@media(max-width:650px){.answer-actions #stopYvetteAnswer{width:100%;min-height:54px;font-size:18px}}

/* V4.33.92 — Closer Photo visual only. Camera/audio logic unchanged. */
#walkCloserPhoto.walk-closer-photo{
  width:min(94%,560px)!important;
  min-height:82px!important;
  margin:18px auto 26px!important;
  padding:14px 22px 14px 76px!important;
  display:block;
  position:relative!important;
  border:0!important;
  border-radius:24px!important;
  background:#ef4b55!important;
  color:#fff!important;
  box-shadow:0 7px 0 #b52e38,0 10px 24px rgba(181,46,56,.24)!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  text-align:center!important;
  cursor:pointer!important;
  animation:yvetteCloserPulse 1.45s ease-in-out infinite!important;
}
#walkCloserPhoto.walk-closer-photo::before{
  content:"";
  position:absolute;
  left:16px;top:50%;transform:translateY(-50%);
  width:52px;height:52px;
  background:url('yvette-ladybug-camera.png') center/contain no-repeat;
}
#walkCloserPhoto.walk-closer-photo:active{transform:translateY(4px)!important;box-shadow:0 3px 0 #b52e38!important;animation:none!important}
@keyframes yvetteCloserPulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.025)}}
@media(max-width:650px){#walkCloserPhoto.walk-closer-photo{width:calc(100% - 24px)!important;min-height:86px!important;font-size:21px!important}}
/* V4.33.94 — Yvette Scavenger Hunt card. Same master geometry; distinct rose frame; universal red CTA. */
.yvette-scavenger-master{border-color:#d85d87!important;background:linear-gradient(135deg,#fff7fb,#ffeaf2)!important;box-shadow:0 7px 0 #ad3f68,0 12px 26px rgba(173,63,104,.14)!important}
.yvette-scavenger-master .yvette-story-copy>span{color:#b9416c!important}
.yvette-scavenger-master #startYvetteScavenger{background:#ef4b55!important;color:#fff!important;box-shadow:0 5px 0 #b52e38!important;border:0!important;border-radius:18px!important;padding:14px 20px!important;font-size:18px!important;font-weight:1000!important;cursor:pointer!important}
@media(max-width:650px){.yvette-scavenger-master #startYvetteScavenger{width:100%!important;font-size:16px!important;padding:12px 10px!important}}

/* V4.33.95 — Scavenger Hunt progression is the dominant action after every find. */
.scavenger-next-challenge{margin:18px 0 12px;padding:18px 20px;border:3px solid #ef4b55;border-radius:20px;background:#fff7f8;color:#123f73;font-size:1.2rem;line-height:1.35;text-align:center;box-shadow:0 5px 0 #b52e38}
.scavenger-next-challenge strong{font-weight:1000}
#answer .scavenger-next-box{margin-top:14px;padding:16px;border:2px solid #f6b5bb;border-radius:20px;background:#fff}
#answer .scavenger-next-box h3{margin:0 0 10px;color:#123f73;text-align:center}
#answer .scavenger-next-box #nextQuestions button{display:block;width:min(100%,520px);margin:0 auto;background:#ef4b55!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:16px 20px!important;font-size:1.15rem!important;font-weight:1000!important;box-shadow:0 5px 0 #b52e38!important}
#answer .scavenger-secondary{opacity:.72}

/* V4.34.00 — SCAVENGER NEXT-CHALLENGE CTA ONLY. No routing/audio/camera changes. */
#scavengerProgress{
  margin:20px 0 16px!important;
  padding:20px!important;
  border:3px solid #ef4b55!important;
  border-radius:22px!important;
  background:#fff7f8!important;
  box-shadow:0 6px 0 #b52e38!important;
  text-align:center!important;
}
#scavengerProgressText{
  font-size:clamp(1.2rem,5vw,1.55rem)!important;
  line-height:1.3!important;
  font-weight:900!important;
  color:#123f73!important;
  margin:0 0 16px!important;
}
#scavengerProgressButton{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-height:72px!important;
  margin:0!important;
  padding:18px 20px!important;
  border:0!important;
  border-radius:20px!important;
  background:#ef4b55!important;
  color:#fff!important;
  font:inherit!important;
  font-size:clamp(1.25rem,5.5vw,1.55rem)!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:center!important;
  box-shadow:0 7px 0 #b52e38,0 10px 22px rgba(239,75,85,.22)!important;
  cursor:pointer!important;
  animation:yvetteScavengerPulse 1.7s ease-in-out infinite!important;
}
#scavengerProgressButton:active{
  transform:translateY(4px)!important;
  box-shadow:0 3px 0 #b52e38!important;
}
@keyframes yvetteScavengerPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.025)}
}
@media (prefers-reduced-motion:reduce){#scavengerProgressButton{animation:none!important}}


.walk-discovery-view #answer .depth-row,.walk-discovery-view #answer .next-box,.walk-discovery-view #saveDiscovery{display:none!important}
.walk-discovery-view #answer{scroll-margin-top:16px}
.walk-discovery-view #answer .answer-actions{display:flex!important;flex-direction:column;gap:14px;margin-top:24px}
.walk-discovery-view #answer .answer-actions>button{min-height:60px!important;width:100%!important;font-size:20px!important;border-radius:20px!important;font-weight:800!important;padding:16px!important;box-sizing:border-box}
#walkCloserPhoto.learn-photo-action{display:flex!important;align-items:center;justify-content:space-between;gap:14px;background:#ef4b55!important;color:white!important;width:100%!important;margin:0!important;padding:18px!important;border:0!important;border-radius:24px!important;box-shadow:0 7px 0 #b52e38!important;min-height:96px!important;text-align:left;font-family:inherit}
#walkCloserPhoto.learn-photo-action img{width:72px;height:72px;object-fit:contain;animation:walkCameraSway 2s ease-in-out infinite}
#walkCloserPhoto strong{font-size:23px;line-height:1.2}#walkCloserPhoto b{font-size:30px}
#walkCloserPhoto[hidden]{display:none!important}
.walk-photo-guidance{font-size:17px;line-height:1.5;color:#174576;margin:4px 0 14px}
body:not(.walk-discovery-view) .walk-photo-guidance{display:none}
#walkAnalyzeQueued,#walkOfflineContinue{display:block!important;width:100%!important;min-height:64px!important;padding:18px!important;font-size:21px!important;line-height:1.3!important;font-weight:800!important;border:0!important;border-radius:20px!important;background:#ef4b55!important;color:white!important;margin:12px 0!important;box-shadow:0 5px 0 #b52e38!important;cursor:pointer}
#walkAnalyzeQueued[hidden],#walkOfflinePanel[hidden]{display:none!important}
.discovery-volume{padding:14px;background:#fff;border-radius:18px;color:#174576}.discovery-volume label{display:flex;justify-content:space-between;font-size:18px;font-weight:800}.discovery-volume input{width:100%;height:44px;accent-color:#ef4b55}.discovery-volume small{display:block;font-size:15px;line-height:1.4}
@keyframes walkCameraSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){#walkCloserPhoto img{animation:none!important}}

#findWhatINeed{display:flex!important;align-items:center;justify-content:center;gap:20px;width:100%;min-height:106px;border:0;border-radius:24px;background:#ef4b55!important;color:white!important;padding:12px 20px;margin:16px 0 22px;box-shadow:0 6px 0 #b52e38;font:800 21px/1.2 inherit;cursor:pointer;box-sizing:border-box}
#findWhatINeed .shopping-mascot{display:block;flex:0 0 100px;width:100px;height:90px}
#findWhatINeed img{width:100%;height:100%;object-fit:contain;animation:yvetteShoppingRoll 3s ease-in-out infinite}
#findWhatINeed>span:last-child{font-size:22px;font-weight:800;line-height:1.2}
@keyframes yvetteShoppingRoll{0%,100%{transform:translateX(-7px)}50%{transform:translateX(7px)}}
@media(prefers-reduced-motion:reduce){#findWhatINeed img{animation:none!important}}


#answer #findWhatINeed .shopping-mascot{display:block!important;width:88px!important;min-width:88px!important;max-width:88px!important;height:82px!important;min-height:82px!important;max-height:82px!important;flex:0 0 88px!important;overflow:hidden!important;border-radius:0!important;background:transparent!important}
#answer #findWhatINeed .shopping-mascot img{display:block!important;width:88px!important;min-width:0!important;max-width:88px!important;height:82px!important;min-height:0!important;max-height:82px!important;object-fit:contain!important;border-radius:0!important;margin:0!important;padding:0!important;background:transparent!important}
#answer #findWhatINeed{max-width:100%!important;overflow:hidden!important}
#answerVisualImg{max-width:100%!important;height:auto!important}

/* WALK-UI-R3-20261001 — standard camera and full-size queue controls */
#answer.walk-discovery-view .depth-row,#answer.walk-discovery-view .next-box,#answer.walk-discovery-view #saveDiscovery{display:none!important}
#answer.walk-discovery-view .answer-actions{display:flex!important;flex-direction:column!important;gap:14px!important}
#answer.walk-discovery-view .answer-actions>button{width:100%!important;min-height:60px!important;padding:16px!important;font-size:20px!important;font-weight:800!important;border-radius:20px!important}
#walkCloserPhoto.walk-closer-photo::before,#walkCloserPhoto.walk-closer-photo::after{content:none!important;display:none!important;background:none!important}
#answer #walkCloserPhoto.learn-photo-action{display:grid!important;grid-template-columns:64px minmax(0,1fr) 18px!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:100%!important;min-height:96px!important;height:auto!important;padding:16px!important;margin:14px 0 8px!important;background:#ef4b55!important;color:#fff!important;border:0!important;border-radius:24px!important;box-shadow:0 6px 0 #b52e38!important;text-align:left!important;animation:none!important}
#answer #walkCloserPhoto.learn-photo-action>img{display:block!important;width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;margin:0!important;animation:yvetteCameraBounce 1.8s ease-in-out infinite!important}
#answer #walkCloserPhoto.learn-photo-action span,#answer #walkCloserPhoto.learn-photo-action strong,#answer #walkCloserPhoto.learn-photo-action b{color:#fff!important;background:none!important;opacity:1!important}
#answer #walkCloserPhoto.learn-photo-action strong{font-size:22px!important;line-height:1.2!important;font-weight:900!important}
#walkOfflinePanel #walkAnalyzeQueued,#walkOfflinePanel #walkOfflineContinue{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:100%!important;min-height:64px!important;padding:18px!important;margin:14px 0!important;border:0!important;border-radius:20px!important;background:#ef4b55!important;color:#fff!important;font:800 21px/1.3 Arial,sans-serif!important;box-shadow:0 5px 0 #b52e38!important;cursor:pointer!important}
#walkOfflinePanel #walkAnalyzeQueued[hidden],#walkOfflinePanel[hidden],#walkCloserPhoto[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){#answer #walkCloserPhoto.learn-photo-action>img{animation:none!important}}

/* R6: saved Walk photo gallery */
.walk-view-saved,.walk-saved-gallery button{display:block;width:100%;min-height:60px;padding:16px;margin:14px 0;border:0;border-radius:18px;background:#195b9f;color:white;font:800 20px/1.3 system-ui;cursor:pointer;white-space:normal}
.walk-saved-gallery{max-width:900px;margin:24px auto;padding:18px;background:#f2f8ff;border-radius:22px;overflow-anchor:none}
.walk-saved-gallery[hidden]{display:none!important}
.walk-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.walk-saved-grid article{padding:14px;background:white;border:2px solid #dbe8f2;border-radius:18px;min-width:0}
.walk-saved-grid img{display:block;width:100%;height:200px;object-fit:contain;border-radius:12px;background:#eef3f7}
.walk-saved-grid p{font:600 18px/1.5 system-ui;color:#194779;overflow-wrap:anywhere}
.walk-saved-gallery button:disabled{opacity:.65;cursor:wait}

/* R10: visible activity under each saved photo; no invented percentage. */
.walk-photo-progress{padding:16px 0;color:#194779;font:800 20px/1.4 system-ui}
.walk-photo-progress[hidden]{display:none!important}
.walk-photo-progress>div{height:12px;background:#f9dadd;border-radius:12px;overflow:hidden;margin-top:12px}
.walk-photo-progress span{display:block;width:35%;height:100%;background:#ef4b55;border-radius:12px;animation:walkPhotoLooking 1.2s ease-in-out infinite alternate}
@keyframes walkPhotoLooking{from{transform:translateX(0)}to{transform:translateX(180%)}}
@media(prefers-reduced-motion:reduce){.walk-photo-progress span{animation:none;width:100%}}