:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, sans-serif; color: #343832; background: #f8f6f2; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 32rem; margin: 0 auto; padding: max(3rem, env(safe-area-inset-top)) 1.5rem 3rem; }
.heart { color: #a56269; font-size: 2.5rem; }
h1 { margin: .5rem 0; font-size: 2rem; }
h2 { font-size: 1.15rem; }
p { line-height: 1.5; color: #586159; }
section { margin-top: 2rem; padding: 1.25rem; background: white; border-radius: 1.25rem; }
label { display: block; margin: 1rem 0 .4rem; }
input, button, .open { width: 100%; min-height: 48px; border-radius: .75rem; font: inherit; }
input { border: 1px solid #aab5aa; padding: .75rem; }
button, .open { display: block; padding: .8rem; margin-top: .8rem; border: 0; background: #486856; color: white; cursor: pointer; text-align: center; text-decoration: none; }
button.secondary { background: #eef2ed; color: #34483b; }
button:disabled { opacity: .5; }
#status:empty { display: none; }