*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#faf9f7;color:#1f2120;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:30rem;margin:0 auto;padding:2rem 1rem 1rem}
h1{font-size:1.5rem;line-height:1.25;margin:0 0 .25rem}
h2{font-size:1.0625rem;margin:2rem 0 .5rem}
p{margin:.5rem 0}
.lead{font-size:1.125rem;margin:0 0 1.5rem}
.moods{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}
button{font:inherit;font-weight:600;min-height:48px;padding:.625rem 1.125rem;border-radius:.75rem;border:1px solid #c9c6bf;background:#fff;color:#1f2120;cursor:pointer}
button.primary{background:#2b4c7e;border-color:#2b4c7e;color:#fff}
textarea{font:inherit;width:100%;min-height:6rem;padding:.625rem;border:1px solid #c9c6bf;border-radius:.75rem;background:#fff}
label{display:block;font-weight:600;margin:1rem 0 .375rem}
.said{font-weight:600}
a{color:#2b4c7e}
footer{max-width:30rem;margin:2.5rem auto 0;padding:1rem;border-top:1px solid #e3e0da;color:#5d615b;font-size:.875rem}
footer p{margin:.25rem 0}