* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.5; background-color: #f7fbff; }
header { padding: 1rem; background: #eaf4ff; border-bottom: 1px solid #cce5ff; }
main { padding: 1rem; max-width: 900px; margin: 0 auto; }
h1, h2 { margin: 0 0.5rem 0 0rem; }
.goal { border: 1px solid #d0e6ff; padding: 0.75rem; border-radius: 8px; margin-bottom: 0.75rem; }
.goal h3 { margin: 0 0.5rem 0; font-size: 1.05rem; }
.kv { display: grid; grid-template-columns: 180px 1fr; gap: 0.25rem 1rem; font-size: 0.95rem; }
.kv div { padding: 0.125rem 0; }
.badge { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 999px; border: 1px solid #99c0ff; font-size: 0.8rem; }
.ok { color: #0a0; }
.warn { color: #c80; }
.err { color: #a00; }
footer { padding: 1rem; text-align: center; color: #666; border-top: 1px solid #cce5ff; margin-top: 2rem; }