:root{letter-spacing:1px;color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}button{cursor:pointer;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:10px 20px;font-size:16px;transition:background-color .3s,color .3s,border-color .3s}button:hover{background-color:#f0f0f0;border-color:#999}button:focus{outline:none}.main{justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex}.mode-text{font-size:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.text{z-index:1;flex-direction:column;align-items:center;padding:2rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto Arial,sans-serif;display:flex}.text p{text-align:center;margin:.5rem}.link{text-decoration:none}.link:hover{text-decoration:underline}.canvas{position:absolute;top:0;left:0}@media (prefers-color-scheme:dark){:root{color:#ccc;background-color:#3b3b3b}a{color:#fff}button{color:#ccc}}