/* AFTERFORM: illuminated automotive glass, using the existing ink / signal palette. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--glass-edge:linear-gradient(135deg,#f1f5ff8c 0%,#77869b33 28%,#13172288 52%,#dce8f077 100%)}
.boot-pending .page-shell{opacity:0}
.boot-pending .ambient-index{visibility:hidden}
body .page-shell button{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:12px;background:linear-gradient(145deg,#303846e8,#11151deb 55%,#252d38e8) padding-box,var(--glass-edge) border-box;color:var(--paper);box-shadow:inset 0 1px 0 #ffffff18,inset 0 -1px 0 #0008,0 6px 16px #0003;backdrop-filter:blur(12px);transition:transform 160ms var(--ease-out),color 160ms ease,box-shadow 160ms ease}
body .page-shell button::after{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,#fff 44%,#d8e5ff 50%,transparent 72%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;pointer-events:none}
body .page-shell button.edge-wake::after{animation:edge-pass 850ms var(--ease-out) var(--edge-delay,0ms) both}
@keyframes edge-pass{0%{opacity:0;transform:translateX(-35%)}35%{opacity:1}100%{opacity:0;transform:translateX(35%)}}
body .page-shell button[aria-pressed=true],body .page-shell button[aria-current=step],body .page-shell button.primary{background:linear-gradient(145deg,#465044ed,#171e20f0 60%,#29332ced) padding-box,linear-gradient(135deg,#ddffae,#66775955 45%,#c5ff6188) border-box;color:var(--paper)}
body .page-shell button:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
body .page-shell button:disabled{opacity:.45;cursor:default}
body .motion-actions button{padding:10px 14px;text-decoration:none}
body .page-shell button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){body .page-shell button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff40,0 8px 20px #0005}body .page-shell button:hover::after{opacity:.7}}
@media(hover:none){body .page-shell button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.boot-pending .page-shell{opacity:1}body .page-shell button.edge-wake::after{animation:none}body .page-shell button:active{transform:none}}
body.motion-off .page-shell button::after{animation:none}
.boot-running .ambient-index{visibility:hidden}