/* Presentation screens use live text and the app's artwork, never a live app iframe. */
.mini-app{container-type:inline-size;position:relative;height:100%;background:#fff1e1;font-family:'Baloo 2',sans-serif;overflow:hidden;padding:30px 14px 14px;text-align:left}
.mini-app h4{font-size:10cqi;line-height:1.07;margin:18px 0 6px;font-weight:800;letter-spacing:-.5px}
.mini-app p{margin:6px 0;line-height:1.4}.mini-app .app-sub{font-family:var(--body);font-size:4.4cqi;color:var(--muted)}
.app-top{display:flex;gap:10px;align-items:center;font-size:4.7cqi}.app-top>span{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;font-size:24px;background:white}
.app-progress{flex:1;height:10px;background:white;border:1.5px solid var(--ink);border-radius:15px;overflow:hidden}.app-progress i{display:block;height:100%;background:var(--orange)}
.app-exercises{display:grid;gap:10px;margin-top:16px}.app-exercise{display:flex;align-items:center;gap:11px;padding:10px 9px;background:white;border:1.8px solid var(--ink);border-radius:16px;box-shadow:0 3px 0 var(--ink)}
.app-exercise b{display:block;font-size:5.5cqi;line-height:1.12}.app-exercise small{font-family:var(--body);display:block;font-size:4cqi;line-height:1.3;margin-top:5px}.app-checkbox{height:24px;min-width:24px;display:grid;place-items:center;border:1.8px solid var(--ink);border-radius:7px;font:800 19px var(--body)}
.app-exercise.checked{opacity:.52;background:transparent;box-shadow:none}.app-exercise.checked b{text-decoration:line-through}.checked .app-checkbox{background:var(--teal);color:white}
.app-done{padding:10px;border:1.5px solid var(--ink);background:var(--mint);border-radius:10px;font-size:4.4cqi}
.hero-art>.hero-device{height:490px;transform:rotate(6deg)}.hero-device .mini-app{padding:26px 10px 8px}.hero-device .app-exercise{padding:8px 6px;gap:8px}.hero-device .app-exercises{gap:8px}.hero-device .app-top{gap:7px}.hero-device .app-top>span{width:23px;height:23px}.hero-device .app-checkbox{height:19px;min-width:19px;font-size:15px}
.story-phone{width:310px;height:630px;transform:rotate(-3deg);margin:0 auto}.feature-visual:before{inset:65px -50px 70px}.story-captions{margin-top:36px;max-width:420px;min-height:185px}.story-captions .eyebrow{color:var(--teal)}.story-captions h3{font-size:32px;margin:12px 0}.story-captions>p:last-child{font-size:16px;color:var(--muted);min-height:78px}
.story-controls{display:flex;gap:14px;align-items:center}.story-controls button{border:1.5px solid var(--ink);background:var(--cream);height:44px;min-width:44px;border-radius:50%;font-weight:800}.story-controls #story-pause{border-radius:30px;padding-inline:22px;margin-left:10px;font-size:13px}.story-controls button:hover{background:var(--yellow)}#story-count{font-size:13px;font-weight:700;min-width:35px;text-align:center}.story-dots{display:flex;gap:10px;margin-top:25px}.story-dots button{width:10px;height:10px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;position:relative}.story-dots button:before{content:'';position:absolute;inset:-8px}.story-dots button[aria-pressed=true]{background:var(--teal);width:28px;border-radius:10px}
.scene-content{position:relative;height:100%;animation:screen-arrives .5s ease-out}.completion-overlay{position:absolute;inset:-30px -14px -14px;background:#fff1e1d9;display:grid;place-items:center;padding:25px 20px}.completion-card{width:100%;background:var(--yellow);border:2px solid var(--ink);border-radius:25px;box-shadow:5px 6px 0 var(--ink);padding:0 18px 26px;text-align:center;position:relative}.completion-card>img{width:190px;height:200px;object-fit:contain;margin:-90px auto 0;filter:drop-shadow(0 4px 0 #2b1b1210)}.completion-card h4{font-size:12cqi;margin:6px 0 10px}.completion-card p{font-size:5.8cqi;font-family:var(--body);font-weight:600}.confetti{position:absolute;top:-100px;left:0;color:var(--orange);font-size:45px;transform:rotate(-12deg);animation:celebration-pop 1s ease-out}
.reward-screen{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:10px 8px}.reward-screen h4{font-size:10cqi;margin:18px 0 10px}.reward-screen>p:not(.app-sub){font-family:var(--body);font-size:5.4cqi;color:var(--muted)}.reward-icon{width:64px}.points-number{font-size:30cqi;font-weight:800;line-height:1;margin-top:20px;color:var(--teal);animation:celebration-pop .6s ease-out}.reward-screen strong{font-size:7cqi}.companion-mini{width:170px;height:175px;object-fit:contain;margin:15px auto 0}.badge-art{width:205px;height:205px;margin-top:10px;animation:celebration-pop .6s ease-out}.badge-ribbon{font-size:4cqi;letter-spacing:1px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.badge-screen{background:radial-gradient(ellipse at 50% 40%,#ffdc80 0,transparent 65%)}.cheer-notification{padding:20px 15px;background:white;border:2px solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 var(--ink);margin:20px 0 10px;font:600 5.4cqi var(--body)}.cheer-notification img{width:55px;margin:0 auto 10px}.cheer-notification p{font-size:4.6cqi;font-weight:400;color:var(--muted)}.app-cheers{display:flex;gap:15px;margin-top:22px}.app-cheers img{width:45px;height:45px}.friend-screen .companion-mini{height:150px;margin-top:0}.friend-screen h4{font-size:9cqi}
.reward-board{border:1.5px solid var(--ink);border-radius:24px;padding:30px;background:#fffbf4;box-shadow:6px 7px 0 var(--ink)}.reward-banner{display:flex;gap:20px;align-items:center;margin:28px 0}.reward-banner img{width:100px;min-width:80px}.reward-banner h3{margin:0;font-size:27px}.reward-banner p{color:var(--muted);font-size:14px;margin:8px 0}.reward-row{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:18px 0;font-size:13px}.reward-row b{margin-left:auto;white-space:nowrap;color:var(--teal)}.reward-row img{object-fit:contain}.reward-row b span{font-size:11px}.cheers img{width:36px;height:36px;object-fit:contain}
@keyframes screen-arrives{from{opacity:.2;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@keyframes celebration-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.hero-art>.hero-device{height:450px}.story-phone{width:280px;height:590px}.mini-app .app-exercises{gap:8px}.mini-app .app-exercise{padding:9px 8px}.reward-board{padding:24px}.reward-banner{gap:12px}.reward-row{flex-wrap:wrap}}
@media(max-width:760px){.hero-art>.hero-device{height:450px;right:12px}.hero-device .app-exercise{padding:7px 5px}.story-phone{width:280px;height:590px}.feature-visual{max-width:310px}.feature-visual:before{inset:60px -20px 80px}.story-captions{min-height:175px;margin-top:30px}.story-captions h3{font-size:28px}.story-captions>p:last-child{font-size:15px}.reward-board{order:2}.reward-banner h3{font-size:24px}.reward-row{font-size:12px;gap:9px}.reward-row img{width:32px;height:32px}.reward-row b{font-size:13px}.hero-device .mini-app h4{margin-top:12px}.hero-device .app-exercises{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.scene-content,.points-number,.badge-art,.confetti{animation:none}}

/* Lifting progress and saved technique videos: presentation only. */
.lifting-progress{display:grid;grid-template-columns:1.05fr 1fr;gap:95px;align-items:center}.progress-copy>p:not(.eyebrow){color:var(--muted);max-width:470px}.lifting-card{background:#fffaf3;border:1.5px solid var(--ink);border-radius:24px;padding:30px;box-shadow:6px 7px 0 var(--ink)}.lifting-card-header{display:flex;gap:16px;align-items:center;margin-bottom:25px}.lifting-card-header p{font-size:9px;letter-spacing:1.2px;margin:0;font-weight:800;color:var(--teal)}.lifting-card-header h3{margin:5px 0 0;font-size:26px}.lifting-history{display:grid;gap:12px}.lifting-history>div{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center}.lifting-history>div>span:first-child{font-size:12px;color:var(--muted)}.lifting-history strong{font-size:23px;font-family:var(--display);line-height:1.3;white-space:nowrap}.lifting-history small{font:500 11px var(--body)}.lifting-gain{grid-column:2;text-align:right;font-size:11px;color:var(--teal);font-weight:800}.lifting-history>div:last-child{border-color:var(--teal);background:var(--mint)}.lifting-card .micro{font-size:11px;margin-bottom:0}.technique-section{background:#e0ece1;padding:80px 0}.technique-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:center}.technique-copy>p:not(.eyebrow){color:var(--muted)}.technique-card{border:1.5px solid var(--ink);border-radius:24px;box-shadow:6px 7px 0 var(--ink);background:var(--cream);overflow:hidden;transform:rotate(-2deg)}.technique-preview{height:210px;background:#f8d68f;position:relative;display:flex;align-items:center;justify-content:center}.technique-preview>img{width:130px;height:130px;transform:rotate(-16deg);opacity:.65}.technique-play{position:absolute;display:grid;place-items:center;width:65px;height:65px;border:2px solid var(--ink);border-radius:50%;background:var(--cream);font-size:24px;padding-left:5px;box-shadow:3px 4px 0 var(--ink)}.technique-platform{position:absolute;bottom:14px;right:18px;font-size:12px;font-weight:800}.technique-card-copy{padding:22px 27px}.technique-card-copy h3{font-size:27px;margin-block:14px}.technique-card-copy>p:last-child{color:var(--muted);font-size:12px}.technique-steps{margin-top:25px}.technique-steps p{display:flex;gap:14px;align-items:baseline;margin:14px 0;font-size:14px}.technique-steps span{color:var(--teal);font-size:11px;font-weight:800}.technique-steps b{font-weight:600}
@media(max-width:1100px){.lifting-progress,.technique-grid{gap:55px}.lifting-card{padding:24px}}
@media(max-width:760px){.lifting-progress,.technique-grid{grid-template-columns:1fr;gap:30px}.lifting-card{width:calc(100% - 8px);padding:22px}.lifting-history>div{padding:12px}.lifting-history strong{font-size:22px}.technique-section{padding:60px 0}.technique-card{order:2;width:calc(100% - 8px);margin:auto}.technique-preview{height:190px}.technique-copy{order:1}}

/* Keep navigation symbols optically centered at every preview size. */
.app-top>.app-back{flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:0;padding:0;aspect-ratio:1}
.app-back svg{display:block;width:55%;height:55%;flex-shrink:0}
.button-arrow{display:block;flex:0 0 24px;width:24px;height:24px}
.text-link{display:inline-flex;align-items:center;gap:7px}.inline-arrow{display:block;flex-shrink:0}
.mascot-pointer{position:absolute;width:140px;height:60px;right:calc(100% + 8px);bottom:5px;overflow:visible;pointer-events:none;stroke:var(--teal);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.mascot-pointer{width:100px;right:calc(100% + 4px);bottom:3px}}
@media(max-width:760px){.mascot-pointer{width:83px;height:45px;bottom:8px;right:calc(100% + 3px)}.hero-buttons{gap:14px}.hero-buttons .button{gap:18px}.text-link{gap:4px}}