.hero-reminders .hero-copy{padding-top:0}
.hero-reminders h1{font-size:clamp(46px,4.7vw,67px);line-height:1.03;letter-spacing:-.045em}
.hero-math{display:inline-flex;align-items:center;gap:9px;margin:19px 0 0;padding:8px 13px;border:1px solid #e4d7ba;border-radius:9px;background:#f4eedf;font-size:12px;color:#776243}
.hero-reminders .intro{max-width:485px;font-size:17px;margin-top:22px}
.reminder-story{position:relative;border:1px solid #ded5e8;border-radius:30px;padding:18px;background:#efebf5;box-shadow:0 22px 55px #32234b12;transform:rotate(1deg)}
.story-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
.story-controls button{font:inherit;font-size:12px;font-weight:600;padding:12px 6px;color:#726782;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}
.story-controls button[aria-pressed=true]{background:#fffdf8;color:#523394;border-color:#e0d4ed;box-shadow:0 3px 7px #34215408}
.story-controls button:focus-visible,.story-play:focus-visible{outline:3px solid #9473c6;outline-offset:3px}
.story-panels{position:relative;min-height:475px;border-radius:20px;overflow:hidden;background:#fffdf8}
.story-panel{padding:28px;min-height:475px;animation:story-enter .5s ease both}
.story-panel[hidden]{display:none}
.story-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#8e7558;font-weight:600;margin-bottom:17px}
.story-panel h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:0;color:#342747}
.reminder-quotes{height:145px;position:relative;margin-top:25px}
.reminder-quotes span{position:absolute;padding:14px 22px;background:#fbf0df;border:1px solid #ebd6b4;border-radius:17px 17px 17px 4px;font-size:18px;color:#705a3d;box-shadow:0 8px 18px #9b784310;animation:quote-arrive .7s both}
.reminder-quotes span:nth-child(1){top:0;left:0;transform:rotate(-5deg);opacity:.55}
.reminder-quotes span:nth-child(2){top:39px;left:65px;transform:rotate(3deg);animation-delay:.2s;opacity:.8}
.reminder-quotes span:nth-child(3){top:80px;left:18px;transform:rotate(-2deg);animation-delay:.4s;background:#f4dfc0}
.weekly-total{display:flex;align-items:center;gap:19px;padding-top:4px}
.weekly-total strong{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:112px;line-height:1;color:#ab6a47;letter-spacing:-.07em;animation:total-arrive .8s .6s both}
.weekly-total span{font-size:17px;max-width:155px;line-height:1.4;color:#765d49}
.story-example{font-size:10px;color:#998873;margin-top:13px}
.mission-story{background:linear-gradient(145deg,#f9fcf3,#edf2e2)}
.mission-story .story-kicker{color:#63804c}
.mission-shot{padding:8px;background:#14182f;border-radius:14px;box-shadow:0 14px 25px #32422b20;margin-top:37px;transform:rotate(-2deg)}
.mission-shot img{display:block;width:100%;height:auto;border-radius:8px}
.mission-approval{margin:34px auto 0;display:flex;align-items:center;gap:12px;max-width:290px;color:#425b31}
.mission-approval i{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#648951;color:white;border-radius:50%;font-style:normal;font-size:22px}
.mission-approval b{display:block;font-size:18px;line-height:1.25}
.mission-approval span{display:block;font-size:12px;color:#6d7f60;margin-top:4px}
.mission-reward{margin-top:25px;text-align:center;font-size:13px;color:#587241}
.adventure-story{background:radial-gradient(ellipse at 45% 55%,#e5e0ff,#f4eef8 65%);padding-bottom:16px}
.adventure-story .story-kicker{color:#886aa7}
.hero-character{height:265px;position:relative;margin:12px auto 0;max-width:370px}
.hero-character video{display:block;width:240px;height:265px;object-fit:cover;margin:auto;border-radius:22px;box-shadow:0 10px 26px #40345c1c;background:#14172b}
.hero-loot{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ead6ac;background:#fffaf0;border-radius:18px;width:101px;height:108px;box-shadow:0 12px 25px #7d66401a}
.hero-loot img{width:72px;height:72px;object-fit:contain}
.hero-loot span{font-size:10px;color:#80653a;margin-top:-2px}
.hero-loot.chest{right:-5px;bottom:3px;transform:rotate(7deg)}
.hero-loot.armor{left:-8px;top:34px;transform:rotate(-7deg);width:78px;height:91px;background:#fcf9ff;border-color:#ddd0ee}
.hero-loot.armor img{width:55px;height:55px}
.adventure-promise{font-size:13px;text-align:center;color:#755b8c;line-height:1.45;max-width:325px;margin:18px auto 0}
.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 3px 0;color:#7e6b91;font-size:11px}
.story-play{flex-shrink:0;width:32px;height:32px;border:1px solid #d6c9e3;border-radius:50%;background:#fffdf8;color:#765398;cursor:pointer}
@keyframes story-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes quote-arrive{from{opacity:0;translate:0 8px}to{translate:0 0}}
@keyframes total-arrive{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@media(max-width:1000px){.hero-reminders{gap:40px}.story-panel{padding:22px}.hero-character video{width:210px;height:265px}.hero-loot.chest{right:-3px}.hero-loot.armor{left:-4px}.story-controls button{font-size:10px}.weekly-total strong{font-size:100px}}
@media(max-width:760px){.hero-reminders h1{font-size:49px}.hero-reminders .intro{font-size:16px}.hero-math{font-size:10px}.reminder-story{transform:none;padding:12px;border-radius:24px}.story-panels,.story-panel{min-height:455px}.story-panel{padding:23px}.story-controls{gap:3px;margin-bottom:10px}.story-controls button{font-size:11px;padding:11px 2px}.story-panel h3{font-size:26px}.weekly-total strong{font-size:105px}.weekly-total span{font-size:16px}.hero-character video{width:210px}.hero-loot.chest{right:-5px}.hero-loot.armor{left:-7px}.story-bottom{font-size:10px;gap:10px}.reminder-quotes span{font-size:16px}.reminder-quotes span:nth-child(2){left:49px}.hero-reminders .hero-art{padding-bottom:0}.hero-reminders .art-caption{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.story-panel,.reminder-quotes span,.weekly-total strong{animation:none}}