.sound-toggle{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:7px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.8}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed="false"] .sound-waves,.sound-toggle[aria-pressed="true"] .sound-mute{display:none}.sound-toggle[aria-pressed="true"]{background:#8bcfbe;color:#153e36;opacity:1}.sound-toggle:focus-visible{outline:3px solid #49b9c5;outline-offset:3px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8bcfbe,#49b9c5);transform-origin:left;transform:scaleX(0);z-index:9999;pointer-events:none}.interaction-ripple{position:fixed;width:12px;height:12px;margin:-6px;border-radius:50%;border:1px solid #49b9c5;background:#8bcfbe40;pointer-events:none;z-index:9998;animation:touch-bloom .6s ease-out forwards}@keyframes touch-bloom{to{transform:scale(5);opacity:0}}@media(hover:hover) and (prefers-reduced-motion:no-preference){.sound-toggle:hover{box-shadow:0 0 0 5px #8bcfbe22}.button{transition:box-shadow .25s,transform .25s}.button:hover{box-shadow:0 6px 24px #49b9c525}}@media(max-width:600px){.sound-toggle{flex-basis:32px;width:32px;height:32px;padding:6px}.header{column-gap:8px}.theme-control{gap:3px}}@media(prefers-reduced-motion:reduce){.interaction-ripple{display:none}}

@media(prefers-reduced-motion:no-preference){
 .model-card img{transform:perspective(900px) rotateX(var(--lean-x,0deg)) rotateY(var(--lean-y,0deg));transition:transform .28s ease-out}
 .color-tabs button,.color-options button,[data-color]{transition:background-color .3s,box-shadow .3s,translate .25s}
 [data-color][aria-pressed="true"]{box-shadow:0 0 0 4px #49b9c514;translate:0 -2px}
 .steps article>span{transition:background-color .3s,scale .3s}
 .steps article:hover>span{scale:1.12;background:#8bcfbe}
 .hero .eyebrow::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#49b9c5;box-shadow:0 0 0 5px #49b9c518;animation:signal-arrive 1.8s ease-out 2}
 @keyframes signal-arrive{50%{box-shadow:0 0 0 10px #49b9c500}}
 .header nav a{position:relative;text-decoration:none}
 .header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
 .header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
 .button:active,[data-color]:active{scale:.97}
}
@media(prefers-reduced-motion:reduce){.model-card img{transform:none!important}}

/* Persistent audio control stays above the mobile contact dock. */
.sound-toggle{position:fixed;left:20px;bottom:24px;z-index:10000;width:auto;min-width:94px;height:44px;display:flex;gap:8px;padding:10px 14px;border:1px solid #73baaa;background:var(--paper,#f7f8f4);color:var(--ink,#183c35);box-shadow:0 6px 24px #0002;opacity:1}
.sound-caption{font-size:10px;font-weight:800;letter-spacing:.12em}
.sound-toggle[aria-pressed=true]{background:#8bcfbe;color:#153e36}
@media(max-width:700px){.sound-toggle{left:12px;bottom:calc(116px + env(safe-area-inset-bottom));min-width:82px;height:44px;padding:10px}.sound-caption{font-size:9px}}

/* Original circular icon, retained as a persistent control. */
.sound-toggle{width:44px;min-width:44px;height:44px;padding:11px;gap:0;border-radius:50%;justify-content:center}.sound-caption{display:none}
@media(max-width:700px){.sound-toggle{width:44px;min-width:44px;height:44px;padding:11px}}