/* Motion only: no new content frames or replacement page layout. */
.m18-title{position:relative}.m18-title-line{position:absolute;left:0;bottom:-8px;width:36px;height:1px;background:#467d64;pointer-events:none;transform-origin:left}.m18-title-line.run{animation:m18-line .36s cubic-bezier(.22,1,.36,1) both}@keyframes m18-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.75}}
.m18-scan-host{position:relative;overflow:hidden}.m18-scan{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.m18-scan:before{content:"";position:absolute;left:0;right:0;top:0;height:14%;background:linear-gradient(transparent,#ffffffec,transparent);filter:blur(2px);animation:m18-scan .6s ease-in-out both}@keyframes m18-scan{0%{transform:translateY(-110%);opacity:0}15%{opacity:.85}85%{opacity:.85}100%{transform:translateY(820%);opacity:0}}
.m18-existing-frame{position:relative}.m18-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5;color:#467d64}.m18-border rect{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:m18-border .55s ease-out both}@keyframes m18-border{from{stroke-dashoffset:1;opacity:1}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}
.m18-data{font:8px/1.8 ui-monospace,monospace;letter-spacing:.07em;color:#809888;opacity:.55;white-space:pre;pointer-events:none;max-width:100%;overflow:hidden;margin:10px 0 0}.m18-data span{display:block;animation:m18-data .35s ease-out both}.m18-data span:nth-child(2){animation-delay:.07s}.m18-data span:nth-child(3){animation-delay:.14s}@keyframes m18-data{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.m18-flat-ring{position:relative;display:grid;place-items:center;isolation:isolate}.m18-ring{position:absolute;inset:6%;width:88%;height:88%;z-index:-1;pointer-events:none;color:#6b967d;opacity:.35;overflow:visible}.m18-ring circle,.m18-ring path{fill:none;stroke:currentColor;stroke-width:.7;vector-effect:non-scaling-stroke}.m18-ring .outer{transform-origin:100px 100px;animation:m18-rotate 16s linear infinite}.m18-ring .inner{transform-origin:100px 100px;animation:m18-rotate 11s linear infinite reverse}@keyframes m18-rotate{to{transform:rotate(360deg)}}
.m18-loading{position:fixed;z-index:10001;right:28px;top:95px;width:96px;height:108px;background:#f6f5eff5;display:grid;place-items:center;pointer-events:none;color:#467d64;border:0}.m18-loading svg{position:absolute;top:0;width:86px;height:86px;transform:rotate(-90deg)}.m18-loading circle{fill:none;stroke:#c7d3ca;stroke-width:1}.m18-loading .arc{stroke:#467d64;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress,0))}.m18-loading b{font:24px ui-sans-serif,system-ui;font-variant-numeric:tabular-nums;align-self:start;margin-top:25px}.m18-loading small{font-size:9px;position:absolute;bottom:2px}.m18-loading.done{opacity:0;transition:opacity .18s}
@media(prefers-reduced-motion:reduce){.m18-title-line.run,.m18-data span,.m18-ring .outer,.m18-ring .inner{animation:none}.m18-scan,.m18-click,.m18-border{display:none}}

.m18-paused .m18-ring .outer,.m18-paused .m18-ring .inner{animation-play-state:paused}

/* Round 20: source M08 geometry, compact click-only feedback. */
.m18-click{position:fixed;z-index:2147483000;width:44px;height:44px;color:#587966;pointer-events:none;animation:m20-click .65s cubic-bezier(.22,1,.36,1) both}
.m18-click svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}
.m18-click .m08-arcs,.m18-click .m08-ticks{transform-box:view-box;transform-origin:50% 50%}
.m18-click .m08-arcs{animation:m20-arcs .65s linear both}
.m18-click .m08-ticks{animation:m20-ticks .65s linear both}
@keyframes m20-click{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}20%{opacity:.95}58%{transform:translate(-50%,-50%) scale(1.18);opacity:.85}100%{transform:translate(-50%,-50%) scale(.86);opacity:0}}
@keyframes m20-arcs{from{transform:rotate(16deg)}to{transform:rotate(55deg)}}
@keyframes m20-ticks{from{transform:rotate(-12deg)}to{transform:rotate(-70deg)}}
body[data-motion-version="25"] .scene-bottom .progress-line{display:none}
#chapter-overview>.m18-data{margin:10px 0 0;opacity:.7;font-size:9px;line-height:1.7;color:#718b78;max-height:55px}
/* Independent scale preserves each image/sprite's existing translate/position. */
body[data-motion-version="25"] :is(.material-image,#powderImage){outline:none;outline-offset:0}
body[data-motion-version="25"] :is(.material-image,#powderImage) :is(img,.powder-sprite){scale:1;transition:scale .45s ease;transform-origin:center}
@media(hover:hover){body[data-motion-version="25"] .material-card:hover .material-image img,body[data-motion-version="25"] #powderImage:hover :is(img,.powder-sprite){scale:1.075}}

body[data-motion-version="25"] .material-card:focus-visible .material-image img,body[data-motion-version="25"] #powderImage:focus-visible :is(img,.powder-sprite){scale:1.075}
.m18-scan{z-index:8}
@media(prefers-reduced-motion:reduce){body[data-motion-version="25"] :is(.material-image,#powderImage),body[data-motion-version="25"] :is(.material-image,#powderImage) :is(img,.powder-sprite){transition:none}body[data-motion-version="25"] :is(.material-image,#powderImage) :is(img,.powder-sprite){scale:1!important}.m18-click{display:none}}