:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #f6f3ec; color: #1b1a17; font: 16px/1.45 system-ui, -apple-system, sans-serif; }
header { padding: 0 20px 8px; }
.strip { margin: 0 -20px 16px; padding: 8px 12px; padding-top: calc(8px + env(safe-area-inset-top)); background: #1b1a17; color: #f6f3ec; font-size: 11px; letter-spacing: 0.1em; text-align: center; }
h1 { margin: 0; font-size: 30px; }
h2 { margin: 0 0 10px; font-size: 17px; }
main { padding: 0 20px 40px; display: flex; flex-direction: column; gap: 14px; }
section { padding: 16px; background: #fffdf8; border: 1px solid #d9d4c7; border-radius: 14px; display: flex; flex-direction: column; gap: 10px; }
button { min-height: 48px; padding: 0 16px; border: 0; border-radius: 24px; background: #1d4a7a; color: #fff; font: inherit; font-weight: 600; }
button.secondary { background: #fffdf8; color: #1d4a7a; border: 1px solid #1d4a7a; }
button:disabled { background: #b9b4a6; color: #fffdf8; }
.note { margin: 0; font-size: 14px; color: #55534b; overflow-wrap: anywhere; }
[hidden] { display: none !important; }
#proposal { display: flex; flex-direction: column; gap: 10px; }
pre { margin: 0; padding: 12px; background: #f0eee8; border-radius: 10px; font: 12px/1.5 ui-monospace, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }