:root { color-scheme: light; font-family: system-ui, "Noto Sans JP", sans-serif; }
body { margin: 0; color: #202124; background: #f6f7f8; }
main { max-width: 720px; margin: 0 auto; padding: 20px 16px 48px; }
h1 { font-size: 1.6rem; }
.notice { padding: 16px; border: 1px solid #e57373; border-radius: 12px; background: #ffebee; }
.card { margin-top: 16px; padding: 16px; border-radius: 12px; background: white; box-shadow: 0 1px 3px #0002; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; }
a.button, button { display: inline-block; border: 0; border-radius: 8px; padding: 10px 14px; color: white; background: #2e7d32; text-decoration: none; font: inherit; }
button:disabled { background: #9e9e9e; }
a.button.disabled { background: #9e9e9e; pointer-events: none; }
.summary { display: grid; grid-template-columns: minmax(10rem, 1fr) minmax(0, 1fr); gap: 8px 12px; }
.summary dt { color: #666; }
.summary dd { margin: 0; overflow-wrap: anywhere; font-weight: 700; }
.warning { color: #b71c1c; font-weight: 700; }
.muted { color: #666; font-size: .9rem; }
footer { margin-top: 24px; font-size: .85rem; }