:root{font-family:ui-rounded,"Avenir Next",system-ui,sans-serif;color:#213027;background:#f7f2e8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at top,#e6d6ae,#f7f2e8 52%)}main{max-width:42rem;margin:auto;padding:calc(2.5rem + env(safe-area-inset-top)) 1.25rem 3rem}header{margin-bottom:3rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#657263;margin:0 0 .5rem}h1,h2{font-family:Georgia,serif;font-weight:400;margin:0}h1{font-size:3rem;color:#274334}h2{font-size:1.7rem}.weather{font-size:1.1rem;text-transform:capitalize}.quiet{color:#657263;line-height:1.5}section{margin:1.5rem 0;padding:1.25rem;background:#fffdf8cc;border:1px solid #ded5c5;border-radius:1rem;box-shadow:0 .4rem 1.5rem #40391b12}.section-heading{display:flex;justify-content:space-between;align-items:center}.save{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-top:1px solid #ebe4d8}.save button:first-child{background:none;border:0;text-align:left;font:inherit;color:#213027;padding:.45rem 0;flex:1}.save.selected button:first-child{font-weight:700}button,input{font:inherit}button{min-height:44px;border-radius:.6rem;border:0;background:#274334;color:#fff;padding:.5rem .8rem;cursor:pointer}.text-button{background:transparent;color:#49634f;padding:.3rem}label{display:grid;gap:.5rem}input{min-height:44px;padding:.5rem;border:1px solid #a69b87;border-radius:.5rem;margin-bottom:1rem;background:#fffdf8}@media(min-width:700px){main{padding-top:5rem}}