@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}.visually-hidden:not(:focus,:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}:root{--black: #213547;--pink: #f5cfe2;--green: #72ad9f;--indent: 40px}html{background-color:var(--pink);color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;gap:1.75rem;max-width:850px;height:100vh;margin:0 auto;padding:1rem 1.5rem}@media (width > 480px){body{padding-inline:4rem}}@media (width > 650px){body{padding-top:1.25rem}}h2{margin-block:1.75em -.2em;font-size:1.25rem}ul{padding-inline-start:var(--indent)}form{display:flex;flex-direction:column;gap:.75rem;min-height:90dvh}@media (width > 480px){form{flex-grow:1;min-height:auto;margin-bottom:2rem}}@media (width > 650px){form{padding-right:calc(var(--indent) * 2)}}label,fieldset{display:grid;grid-template-columns:calc(var(--indent) * 2) 1fr}fieldset{border:0;margin:0;padding:0}legend{display:contents}input{border:none;scroll-margin:1.5em;background-color:var(--black);color:var(--pink)}.presets{display:flex;gap:.333em;flex-wrap:wrap}.preset{border:1px solid rgba(0,0,0,.75);border-radius:2px;padding:.3em .6em;background-color:transparent;color:var(--black);white-space:nowrap;-webkit-user-select:none;user-select:none}.preset:hover{background-color:#ffffff26}.preset:active{position:relative;top:1px}@media (width > 480px){.preset{padding:.2em .5em .1em}}output{padding:.125em .333em .75em;background-color:var(--green);font-size:1.5rem;line-height:1.2;color:var(--pink)}@media (width > 480px){output{padding:.25em .4em 1em .333em}}output[name=error]{min-height:auto;background-color:transparent;border:1px solid var(--green);font-size:1rem;color:var(--green)}label:has(output[name=error]){display:none}label:has(output[name=error]:not(:empty)){display:grid}footer{align-self:end;font-size:85%}