:root{color-scheme:light;--background: #ffffff;--surface: #f8fafc;--border: #e5e7eb;--border-strong: #111111;--text: #111111;--muted: #6b7280;--button-text: #ffffff;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background);color:var(--text);font-family:Inter,sans-serif}body{line-height:1.4}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{width:min(100%,800px);margin:0 auto;padding:48px 20px 64px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);transition:border-color .12s ease}.button:hover{border-color:var(--border-strong)}.button-primary{border-color:#111;background:#111;color:var(--button-text)}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);transition:border-color .12s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--border-strong)}.input{min-height:44px;padding:10px 12px}.textarea{min-height:320px;padding:14px 16px;resize:vertical}.muted{color:var(--muted)}.error-text{color:#b91c1c}