.overlay{overflow:auto;place-items:start center}.overlay>.modal{margin:auto}.button{text-decoration:none;display:inline-block}input[type="checkbox"],input[type="color"],input[type="range"]{accent-color:var(--brand)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #eea629;outline-offset:3px}.hidden{display:none!important}.notification-badge.hidden{display:none}.settings-panel-hidden{display:none!important}
@media(max-width:700px){button,.button,input,select,textarea,summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}