:root { color-scheme: dark light; }
body { font-family: system-ui, Arial, sans-serif; margin: 0; background: #0f172a; color: #e5e7eb; }
header, footer { padding: 16px; background: #111827; }
main { padding: 16px; display: grid; gap: 24px; }
section { background: #1f2937; padding: 16px; border-radius: 12px; }
label { display: grid; gap: 4px; margin-bottom: 12px; }
input, select, textarea { padding: 8px; border-radius: 8px; border: 1px solid #374151; background: #111827; color: #e5e7eb; }
button { padding: 10px 16px; border-radius: 8px; border: 0; background: #2563eb; color: #fff; cursor: pointer; }
button:hover { background: #1d4ed8; }
.photos { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.exercise { border-top: 1px solid #374151; padding-top: 12px; margin-top: 12px; }
.exercise img { max-width: 100%; border-radius: 8px; margin: 8px 0; }
.summary { margin-bottom: 12px; }