:root{--bg-color:#f9fafb;--card-bg:#ffffff;--text-main:#111827;--text-muted:#4b5563;--border-color:#d1d5db;--primary:#6366f1}*{box-sizing:border-box}body{margin:0 auto;padding:2rem 1rem;max-width:58rem;background:var(--bg-color);color:var(--text-main);font:1rem/1.6 system-ui,sans-serif}main,section,details{padding:1rem;margin-block:1rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--card-bg)}form{display:grid;gap:.75rem}input,select,textarea,button{font:inherit;padding:.7rem;border:1px solid var(--border-color);border-radius:.5rem;max-width:100%;color:var(--text-main);background:var(--card-bg)}textarea{width:100%;direction:ltr}button{cursor:pointer;min-height:44px;margin:.5rem;background:var(--primary);color:var(--card-bg)}button:disabled{opacity:.5;cursor:default}a{color:var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}label{display:block}.community-preview p{white-space:pre-wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere}