.button,.button--primary{--border-width: 1px;--padding-inline: 1rem;--padding-block: .5rem;display:block;font:inherit;font-size:1.25rem;line-height:1.5rem;padding:calc(var(--padding-block) - var(--border-width)) calc(var(--padding-inline) - var(--border-width));border:var(--border-width) solid currentColor;border-radius:.25rem;background:var(--background);color:var(--foreground);cursor:pointer;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent}.button:disabled,.button--primary:disabled{opacity:.5;pointer-events:none}.button--primary{--border-width: 0px;--background: var(--accent);--foreground: var(--black)}.page{width:30rem;max-width:calc(100vw - 4rem);min-height:100vh;min-height:100svh;margin:0 auto;display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;text-align:center}input{font:inherit;background:var(--background);border:1px solid var(--foreground);padding:.5rem;border-radius:.25rem;min-width:0;position:relative}input:focus{outline:2px solid var(--accent);outline-offset:-1px;z-index:1}@font-face{font-family:TrendSansOne;src:url(/assets/trendsanstohuto-webfont-b611f20f.woff2) format("woff2");font-weight:400;font-style:normal;font-display:auto}:root{font-family:TrendSansOne,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--black: hsl(345, 6%, 13%);--white: hsl(345, 6%, 95%);--yellow: hsl(50, 100%, 50%);--background: var(--black);--foreground: var(--white);--accent: var(--yellow)}body{margin:0;background:var(--background);color:var(--foreground)}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent)}