/* Public controls: clean outlines, including Safari's native button reset. */
body:not(.admin-body) :is(button,.button,.text-link,.header-cta){-webkit-appearance:none;appearance:none;box-sizing:border-box}
body:not(.admin-body) :is(.button,.text-link,.header-cta){background:transparent;color:var(--ink);border:1px solid #ffffff60;box-shadow:none;text-decoration:none}
body:not(.admin-body) .text-link{border-bottom:1px solid #ffffff60}
body:not(.admin-body) :is(.button,.text-link,.header-cta)::before,
body:not(.admin-body) :is(.button,.text-link,.header-cta)::after{box-shadow:none}
.reel-hero .motion-toggle{position:absolute;inset:auto 20px 20px auto;z-index:5}
main>section:has(>.motion-toggle){position:relative}
main>section>.motion-toggle{position:absolute;inset:auto 20px 20px auto}
.snake-directions button{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;aspect-ratio:1;padding:0;border-radius:50%!important;line-height:1;box-shadow:none}
.snake-controls [data-snake-play]{background:transparent;color:var(--ink);border-color:#ffffff60}
@media(hover:hover) and (pointer:fine){body:not(.admin-body) :is(.button,.text-link,.header-cta):hover{background:var(--red);color:white;border-color:var(--red);box-shadow:none}}