/* Shared interaction material: quiet glass highlights, stable contrast. */
.button,.menu,#pause-scenes{min-height:44px;border-radius:15px;border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff6b,inset 0 -1px 0 #0002,0 3px 8px #0d244514;transition:box-shadow .18s ease,transform .18s ease;background:linear-gradient(160deg,#335a7e 0%,#173a5f 48%,#102a49 100%);color:#fff}
.button.orange{background:linear-gradient(155deg,#ffb365 0%,#f99b48 35%,#f6892b 75%,#f6892b 100%);border-color:#f6892b;color:#0d2445}
.button.outline{background:linear-gradient(150deg,#ffffff20,#ffffff08);border-color:#ffffff80;color:inherit}
.menu{background:linear-gradient(155deg,#fff,#edf3f7);border-color:#c8d3df;color:#17304b}
#pause-scenes{background:linear-gradient(150deg,#ffffff15,#ffffff05);border-color:#91a7be;color:#e2ebf3;font-size:13px}
.button:active:not(:disabled),.menu:active,#pause-scenes:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0002}
.button:focus-visible,.menu:focus-visible,#pause-scenes:focus-visible,.living-service:focus-visible{outline:3px solid #09a3d1;outline-offset:5px}
@media(hover:hover){.button:hover:not(:disabled),.menu:hover,#pause-scenes:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #0002,0 5px 12px #0d24452b}.living-service:hover .art{filter:brightness(1.035)}}
@media(prefers-reduced-motion:reduce){.button,.menu,#pause-scenes{transition:none}.button:active:not(:disabled),.menu:active,#pause-scenes:active:not(:disabled){transform:none}}