:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color: light-dark(#000, #fff);--background-color: light-dark(#fbfbfb, #191919);--input-background-color: light-dark(rgba(255, 255, 255, .9), rgba(0, 0, 0, .9));--button-color: light-dark(#000, #fff);--button-border-color: rgba(102, 126, 234, .3);--button-box-shadow: rgba(102, 126, 234, .3);--spinner-background-color: light-dark(rgba(0, 0, 0, .5), rgba(255, 255, 255, .5));--spinner-color: light-dark(black, white);--success-background-color: light-dark(#d4edda, rgba(34, 197, 94, .15));--success-border-color: light-dark(#c3e6cb, rgba(34, 197, 94, .3));--success-color: light-dark(#155724, #86efac);--success-check-color: light-dark(#28a745, #22c55e);--failure-background-color: light-dark(#f8d7da, rgba(239, 68, 68, .15));--failure-border-color: light-dark(#f5c6cb, rgba(239, 68, 68, .3));--failure-color: light-dark(#721c24, #fca5a5);--failure-check-color: light-dark(#dc3545, #ef4444);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;display:flex;justify-content:center;align-items:center;color:var(--color);background:var(--background-color)}.gh-buttons{position:absolute;top:20px;right:20px;display:flex;gap:20px;align-items:center;justify-content:right}.form-container{display:flex;gap:10px;padding:30px;align-items:center;font-size:24px;font-weight:600}.form-container input{padding:12px 16px;border:none;border-radius:8px;background:var(--input-background-color);border:1px solid var(--button-border-color);font-size:24px;min-width:250px;outline:none;transition:all .3s ease}.form-container input:focus{background:var(--input-background-color);box-shadow:0 0 0 3px var(--button-box-shadow);transform:translateY(-2px)}.form-container button[type=submit]{padding:6px;border:none;color:var(--button-color);background-color:transparent;font-size:24px;font-weight:600;cursor:pointer;letter-spacing:.5px}.form-container button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px dotted var(--spinner-background-color);border-radius:50%;border-top:2px solid var(--spinner-color);animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none}.messages{display:flex;position:absolute;top:40px;flex-direction:column;justify-content:center}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-weight:500;position:relative;border:1px solid transparent;opacity:0;transform:translateY(-10px);animation:slideAndFade .4s ease-out forwards}.alert.success{background-color:var(--success-background-color);border-color:var(--success-border-color);color:var(--success-color)}.alert.success :before{content:"✓";display:inline-block;margin-right:.5rem;font-weight:700;color:var(--success-check-color)}.alert.failure{background-color:var(--failure-background-color);border-color:var(--failure-border-color);color:var(--failure-color)}.alert.failure :before{content:"✕";display:inline-block;margin-right:.5rem;font-weight:700;color:var(--failure-check-color)}@keyframes slideAndFade{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 480px){.form-container{flex-direction:column;padding:20px}.input-field{min-width:200px}}