:root{--jc-color-background: #ffffff;--jc-color-surface: #f5f5f4;--jc-color-border: #d6d3d1;--jc-color-text: #1c1917;--jc-color-text-muted: #57534e;--jc-color-accent: #44403c;--jc-color-accent-text: #ffffff;--jc-color-danger: #b91c1c;--jc-font-body: system-ui, sans-serif;--jc-font-display: system-ui, sans-serif;--jc-radius-small: 6px;--jc-radius-medium: 12px;--jc-radius-large: 20px;--jc-touch-target: 48px}body{margin:0;font-family:var(--jc-font-body);color:var(--jc-color-text);background:var(--jc-color-background)}.placeholder{max-width:28rem;margin:4rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1rem}.placeholder label{display:flex;flex-direction:column;gap:.25rem}.placeholder input,.placeholder button{min-height:var(--jc-touch-target);font:inherit}