*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--fg);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}img,canvas,svg{display:block;max-width:100%}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ic{width:1.25em;height:1.25em;flex:none}.ic-xl{width:3rem;height:3rem}.app{position:relative;z-index:1;width:min(100%,var(--col, 600px));margin:0 auto;padding:0 var(--gutter, 18px) 56px}main{display:block}.screen{display:none}.screen.is-active{display:block;animation:screen-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--toast-bg);color:var(--toast-fg);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);z-index:50;box-shadow:0 8px 24px #00000059}.toast.is-on{opacity:1;transform:translate(-50%)}.is-shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media(hover:none){.kbd{display:none}}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:40}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}