:root{--background:#ffffff;--foreground:#171717;--primary:#4f46e5;--secondary:#f472b6;--border:#e5e7eb;--surface:#f9fafb;--radius:0.5rem;--spacing-small:0.5rem;--spacing-base:1rem;--spacing-large:2rem}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--surface:#1a1a1a;--border:#2e2e2e}}*{box-sizing:border-box;margin:0;padding:0;border-radius:var(--radius)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea{font-size:1rem;padding:var(--spacing-small);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px dashed var(--secondary);outline-offset:3px}