:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#2563eb;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}#root{justify-content:center;align-items:center;min-height:100svh;display:flex}.app{text-align:left;max-width:420px;margin:0 auto;padding:48px 24px}.app h1{margin:0 0 28px;font-size:28px}.form{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-h);font-size:14px;font-weight:500}.field input,.field textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:10px 12px}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field textarea{resize:vertical}.form button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:500}.form button:hover{opacity:.9}