*,:before,:after{box-sizing:border-box}html{color:#55536e;background:linear-gradient(#e8e8ee calc(100% - 100vh),#cdc7e1);font:100%/1.4 Times}body{--base-size:clamp(2rem, 10vw - 2rem, 3rem);padding:calc(var(--base-size) / 2);box-shadow:inset 0 0 var(--base-size) white;margin:0}main{word-spacing:.8em;font-size:var(--base-size)}h1,p{font-size:inherit;margin:0;font-weight:400}:is(h1,p)+:is(h1,p){margin-top:1lh}canvas{z-index:-1;width:100vw;height:auto;position:absolute;inset:0}d-o-t{width:0;height:1rem;vertical-align:center}footer{font-size:calc(2 / 3 * var(--base-size));text-align:center;text-wrap:balance;flex-direction:column;justify-content:center;align-items:center;gap:1lh;height:max(100vh,50vw);font-style:italic;display:flex}body:not(.js) :is(footer){background:radial-gradient(circle closest-side,#0000 70%,#fff 90%,#0000 90%)}input{appearance:none;font:inherit;color:inherit;background:0 0;border:1px solid #fff;border-radius:0;padding:.1em .4em}input:hover{background:#fff4}input:focus{background:#fff8}input::placeholder{opacity:.8}input[type=submit]{cursor:pointer}#tooltip{-webkit-backdrop-filter:blur(.2em);backdrop-filter:blur(.2em);background:#f1f1fade;border:1px solid #fff;grid-template-columns:repeat(2,max-content);gap:0 .5em;padding:.5em;line-height:1.2;display:grid;position:absolute;top:0;left:0}#tooltip span{text-align:right}#tooltip label{gap:inherit;display:flex}#tooltip label:after{content:"";border-bottom:1px solid #cdc7e1;flex:100%;display:block;translate:0 -50%}