/* New effects are isolated; all original animation definitions remain intact. */
.button{position:relative;isolation:isolate;overflow:hidden;transition:translate .18s ease,box-shadow .22s ease,filter .18s ease}
@media(hover:hover){:is(.button,button):not(:disabled):hover{translate:0 -2px;filter:brightness(1.06);box-shadow:0 6px 20px #b99bed1a}:is(.button,button).outline:not(:disabled):hover{box-shadow:0 5px 16px #0003,inset 0 0 0 1px #c6a9f420}.features>div:hover{translate:0 -3px}.features>div:hover .feature-icon{scale:1.12;rotate:-5deg;filter:drop-shadow(0 0 5px #b99bed44)}.brand:hover{filter:drop-shadow(0 0 8px #b99bed35)}main>.card:hover{box-shadow:0 20px 90px #0005,0 0 22px #b99bed0b}details>summary:hover{color:#d4b6ff}}
:is(.button,button):not(:disabled):active{translate:0 0;scale:.985}:is(.button,button){transition:translate .18s ease,scale .12s ease,box-shadow .22s ease,filter .18s ease}
.veil-click-ripple{position:absolute;z-index:-1;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#fff8,transparent 70%);pointer-events:none}
.features>div{transition:translate .24s cubic-bezier(.22,1,.36,1)}.feature-icon{transition:scale .25s ease,rotate .25s ease,filter .25s ease}.brand{transition:filter .25s ease}main>.card{transition:box-shadow .3s ease}details>summary{transition:color .2s ease}
:is(.button,button):focus-visible{outline:2px solid #ddc9ff;outline-offset:4px}.row input:not(#link):focus-visible{outline:2px solid #c6a9f4;outline-offset:2px}
@media(prefers-reduced-motion:reduce){:is(.button,button),.features>div,.feature-icon,.brand,main>.card,details>summary{transition:none}:is(.button,button):not(:disabled):hover,:is(.button,button):not(:disabled):active,.features>div:hover,.features>div:hover .feature-icon{translate:none;scale:none;rotate:none}.veil-click-ripple{display:none}}

/* Reuse the same ripple clipping for the settings and eye buttons. */
button{isolation:isolate;overflow:hidden}