@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--font-sans:system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:oklch(36.4% .029 323.89);font-family:IBM Plex Mono,monospace;font-style:normal;font-weight:400;line-height:1.65}.app{background-color:oklch(92.2% .005 325.62);grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(1.5rem,1fr) minmax(auto,720px) minmax(1.5rem,1fr);gap:1px;height:100dvh;display:grid}.app__cell{background-color:oklch(98.5% 0 0)}.app__content{flex-direction:column;gap:1.5rem;padding:3rem;display:flex;position:relative}.app__content:before,.app__content:after{content:"";background-color:oklch(98.5% 0 0);border:1px solid oklch(92.2% .005 325.62);width:9px;height:9px;position:absolute}.app__content:before{top:0;left:0;transform:translate(-50%,-50%)}.app__content:after{bottom:0;right:0;transform:translate(50%,50%)}h1{font-size:1.25rem;font-weight:800}.form{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}.label{font-size:.875rem;font-weight:600}.input{font:inherit;border-radius:none;border:1px solid oklch(92.2% .005 325.62);width:100%;max-width:400px;padding:.5rem .75rem}.input:focus{outline-offset:1px;border:1px solid oklch(54.2% .034 322.5);outline:1px solid oklch(54.2% .034 322.5)}button{font:inherit;color:oklch(98.5% 0 0);cursor:pointer;background-color:oklch(54.2% .034 322.5);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600}button:focus,button:hover{outline-offset:1px;background-color:oklch(43.5% .029 321.78);outline:1px solid oklch(43.5% .029 321.78)}