:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center}.app{max-width:700px;padding:20px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.h1-lite{margin:10px;font-size:50px;text-align:center}.app-sub{font-size:20px;margin-top:-10px;color:#bbb;margin-bottom:20px;text-align:center}.app-input{margin-top:20px;padding:8px 12px 10px;box-sizing:border-box;font-size:18px;width:100%;border:1px solid #ccc;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:4px;background-color:#f9f9f9;color:#333}.app-textarea{margin-top:20px;padding:8px 12px;font-size:18px;width:100%;box-sizing:border-box;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;color:#333;resize:vertical}.app-button{margin-top:30px;padding:10px 20px;font-size:16px;width:100%;font-weight:600;color:#000;background-color:#ebc762;border:none;border-radius:4px;cursor:pointer}.app-button.error{background-color:#ec9b9d}.app-message{height:32px;margin-top:20px;font-size:18px;color:#ebc762;text-align:center}.app-message.error{color:#ec9b9d}.app-message.success{color:#ebc762}
