*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;min-width:320px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;font-family:inherit}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}#root{width:100%;height:100%;text-align:center;--color-background: #d8d3bb;--color-background-highlight: #fffae2;--color-background-lowlight: #c7c1a6;--color-foreground: #191919;--color-foreground-highlight: #333333;--color-foreground-lowlight: #111111;--color-accent: #63b1fd;--animation-duration: .2s;--sentence-fade-out: .2s;--sentence-fade-in: .2s;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.dark #root{--color-background: #191919;--color-background-highlight: #333333;--color-background-lowlight: #111111;--color-foreground: #d8d3bb;--color-foreground-highlight: #fffae2;--color-foreground-lowlight: #c7c1a6}.page{min-height:100dvh;width:100%;display:flex;flex-direction:column;background:radial-gradient(circle,var(--color-background-highlight) 0%,var(--color-background) 100%)}.content{margin:auto;padding:48px;text-align:center}.button-section{display:flex;column-gap:.5rem;align-items:center;position:absolute;top:1rem;right:1rem}.icon-btn{padding:.5rem;border-radius:999px;border:2px solid transparent;background:transparent;color:var(--color-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:background-color var(--animation-duration),color var(--animation-duration)}.icon-btn:hover{background-color:var(--color-foreground);color:var(--color-background)}.icon-btn svg{display:block}.sentence{line-height:1.3;color:var(--color-foreground);text-shadow:var(--color-background-lowlight) 0 2px 2px;opacity:1;transition:color var(--animation-duration),opacity var(--sentence-fade-in)}.sentence-hidden{opacity:0;transition:opacity var(--sentence-fade-out)}.sentence::selection{background:var(--color-foreground);color:var(--color-background-highlight);text-shadow:none}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;border:2px solid var(--color-foreground);border-radius:1rem;background:transparent;color:var(--color-foreground);text-shadow:var(--color-background-lowlight) 0 1px 1px;box-shadow:0 1px 1px var(--color-background-lowlight);opacity:0;pointer-events:none;transition:opacity var(--animation-duration)}.toast-visible{opacity:1}