:root{--surface-1: #f4f5f7;--surface-2: #ffffff;--border: #e1e3e8;--radius: 10px;--text-primary: #1c1e21;--text-secondary: #656b76;--text-muted: #9aa0aa;--text-accent: #2f6fed;--text-success: #1c8a4b;--text-danger: #d1352c;--bg-danger: #fbe9e8;--bg-success: #e5f5eb}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-1);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;padding:1rem 1rem 3rem;background:var(--surface-1)}h1,h2,h3{color:var(--text-primary)}button{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius);padding:10px 14px;cursor:pointer}button:active{opacity:.75}input,select{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius);padding:9px 11px}input:focus,select:focus,button:focus{outline:2px solid var(--text-accent);outline-offset:1px}a{color:var(--text-accent)}