:root{font-family:system-ui,sans-serif;color:#343b35;background:#faf8f1;font-size:17px}*{box-sizing:border-box}body{margin:0}header{padding:20px 4%;background:#e3ece2;display:flex;align-items:center;gap:20px;flex-wrap:wrap}header a{color:#325c4c;text-decoration:none;font-weight:bold}h1{font:1.5rem Georgia,serif;margin:0;flex:1}h2{font:1.65rem Georgia,serif}main{max-width:1400px;margin:auto;padding:24px}button,.button{font:inherit;background:#426750;color:white;border:1px solid #426750;border-radius:9px;padding:11px 17px;min-height:46px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.quiet{background:#fffdf7;color:#37503d;border-color:#bccbbd}input,select,textarea{font:inherit;background:white;border:1px solid #adb8ad;border-radius:7px;padding:10px;max-width:100%}input:not([type=checkbox]),select{min-height:46px}textarea{width:100%;min-height:170px;line-height:1.6}label{display:flex;flex-direction:column;gap:7px;margin:7px 0}label.check{flex-direction:row;align-items:center}input[type=checkbox]{width:24px;height:24px}nav,.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}nav button{background:#f1e9de;color:#56473d;border-color:#d7c9b6}nav button.active{background:#426750;color:white}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card{background:white;border:1px solid #d6ded3;border-radius:12px;padding:14px;min-width:0}.card img{width:100%;height:230px;object-fit:contain;background:#f4f3ec}.card p{white-space:pre-wrap;overflow-wrap:anywhere}.card .toolbar{margin:10px 0 0}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:20px 0}.calendar button{background:white;color:#333;min-height:105px;text-align:left;border:1px solid #d2d9cd;padding:10px}.calendar button.has{background:#eef4e5}.calendar small{display:block;font-size:.75rem;margin-top:5px}.calendar .weekday{font-size:.8rem;text-align:center}.day-notes{background:white;padding:20px;border:1px solid #ddd;border-radius:12px;margin:20px 0}.drop{border:2px dashed #9bb79f;padding:30px;text-align:center;border-radius:12px;background:#f1f6ec}.drop.over{background:#d8e9ce}dialog{width:min(700px,94vw);max-height:90dvh;border:1px solid #acbaaa;border-radius:14px;padding:24px}dialog::backdrop{background:#1a2c226b}dialog form{overflow:auto}#message,#dialog-error{white-space:pre-wrap;overflow-wrap:anywhere}#storage{font-size:.88rem;background:#edf0e5;padding:12px;border-radius:8px}#mode{font-weight:bold;color:#576449}.fine{font-size:.85rem;color:#59635a}.empty{padding:35px;text-align:center;color:#60685e}.count{font-size:.85rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd7d3d;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){main{padding:12px}header{padding:16px}h1{font-size:1.25rem}nav{gap:6px}nav button{font-size:.85rem;padding:9px} .calendar{gap:3px}.calendar button{min-height:82px;padding:5px;font-size:.9rem}.calendar small{font-size:.6rem}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}.card{padding:9px}.card img{height:170px}.card button{padding:9px;font-size:.9rem}.toolbar label{max-width:100%}}