/* Motion is progressive enhancement: all content is visible without JavaScript. */
.reading-progress{position:fixed;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#e74736,#ffd45b);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.motion-switch{position:fixed;right:14px;bottom:18px;z-index:20;border:1.5px solid #342c26;border-radius:30px;background:#fff8e9;color:#342c26;box-shadow:2px 3px 0 #342c26;padding:10px 15px;font:700 16px/1.5 sans-serif;cursor:pointer;min-height:44px}
.motion-switch:focus-visible{outline:3px solid #e74736;outline-offset:4px}
.sanai-arrive{animation:sanai-arrive .65s cubic-bezier(.2,.7,.3,1) both}
@keyframes sanai-arrive{from{opacity:.35;translate:0 20px}to{opacity:1;translate:0 0}}
.hero-art.is-in-view .hero-bubble{animation:sanai-bubble 6s ease-in-out infinite}
@keyframes sanai-bubble{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(-5deg)}}
.button.red{position:relative;overflow:hidden;isolation:isolate}
.button.red::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#ffffff4d 45%,transparent 65%);transform:translateX(-130%)}
.button.red.sanai-shine::after{animation:sanai-shine 1.1s ease-out .2s both}
@keyframes sanai-shine{to{transform:translateX(130%)}}
@media(hover:hover) and (pointer:fine){.voice-card,.store-grid>article{transition:translate .2s,box-shadow .2s}.voice-card:hover,.store-grid>article:hover{translate:0 -4px;box-shadow:5px 7px 0 #342c261f}}
.motion-off .sanai-arrive{animation:none}
.motion-off .hero-bubble,.motion-off .sanai-shine::after,.motion-background .hero-bubble,.motion-background .sanai-shine::after{animation-play-state:paused!important}
.motion-off .reading-progress{display:none}
.motion-off .voice-card,.motion-off .store-grid>article{transition:none;translate:none}
@media(max-width:767px){.motion-switch{bottom:calc(12px + env(safe-area-inset-bottom));right:12px;padding:0;width:44px;height:44px;font-size:0}.motion-switch::before{content:"Ⅱ";font-size:17px}.motion-switch[aria-pressed=true]::before{content:"▶";font-size:14px}.mobile-cta{padding-right:70px}.mobile-cta a{font-size:16px;padding-inline:12px}.hero-art.is-in-view .hero-bubble{animation:none}.sanai-arrive{animation-duration:.45s}}
@media(prefers-reduced-motion:reduce){.sanai-arrive,.hero-art.is-in-view .hero-bubble,.button.red.sanai-shine::after{animation:none!important}.reading-progress{display:none}.voice-card,.store-grid>article{transition:none!important;translate:none!important}}