:root{font-family:system-ui,sans-serif;color:#293c34;background:#fbf8f1}*{box-sizing:border-box}body{margin:0}header{padding:22px 5%;background:#fff;display:flex;justify-content:space-between;border-bottom:1px solid #e3dfd2}header span{font-weight:700}main{max-width:1100px;margin:auto;padding:25px}.hero{padding:24px 0 35px}.hero p:first-child{color:#b85d31}h1{font-size:clamp(30px,5vw,48px);line-height:1.4;margin:10px 0}aside{background:#f5e9d0;padding:16px;border-radius:12px;line-height:1.7}button,select,input{font:inherit;min-height:44px;border:1px solid #cbd3ca;border-radius:9px;padding:9px 13px;background:#fff;color:inherit}button{cursor:pointer}button:hover{border-color:#35785b;background:#edf5ee}button:disabled{cursor:default;opacity:.5}nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}nav button:first-child,#confirm{background:#2d674e;color:white}#settings{background:#eeefe5;border-radius:14px;padding:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#settings[hidden]{display:none}#settings p{font-size:13px;margin:0;width:100%}label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.day{margin:25px 0}.day h2{font-size:19px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}article{background:#fff;border:1px solid #e3e1d6;border-radius:16px;padding:18px;box-shadow:0 4px 12px #23332705}article h3{font-size:16px;margin:0 0 14px}article button{margin-top:10px;margin-right:5px}.dish{display:block;width:100%;text-align:left;padding:18px 10px;background:#f7f8f1}dialog{border:0;border-radius:18px;max-width:92%;width:450px;padding:26px}dialog::backdrop{background:#122d2460}#choices button{display:block;width:100%;margin:12px 0}.shopping{background:white;margin:8px 0;padding:15px;border-radius:10px}.shopping span:first-of-type{flex:1}.shopping input[type=number]{width:100px}#status{color:#9b441f;line-height:1.6}@media(max-width:650px){main{padding:16px}.grid{grid-template-columns:1fr}header{font-size:14px;padding:18px}small{font-size:10px}.hero{padding:15px 0}button{touch-action:manipulation}}
[hidden]{display:none!important}#account{background:white;padding:24px;border:1px solid #dedfd3;border-radius:16px;margin-top:24px}#authForm{display:flex;gap:14px;align-items:end;flex-wrap:wrap}#authForm label{display:grid}#accountInfo{font-weight:600;margin-top:24px}
