:root{font-family:system-ui,sans-serif;color:#203d35;background:#f5f7f2;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;padding:24px 20px 40px}header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.brand{font-size:23px;font-weight:800}header span,small{color:#697d73;font-size:13px}.hero{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-1.3px;margin-top:36px}em{color:#17775e;font-style:normal}p{line-height:1.6;color:#697d73}form{background:white;border:1px solid #e0e8dd;border-radius:20px;padding:20px;margin:20px 0;box-shadow:0 6px 24px #23443006}label{display:block;font-size:13px;font-weight:650;margin-bottom:14px}input,select{display:block;width:100%;padding:13px 12px;background:#fafbf8;border:1px solid #dce4d8;border-radius:10px;margin-top:7px;font:inherit;font-size:16px;color:#203d35}input:focus,select:focus{outline:2px solid #17775e}button{border:0;border-radius:12px;background:#17775e;color:white;padding:14px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}form button{width:100%}button:disabled{opacity:.5}.secondary{background:#e7efe5;color:#22624c}.divider{text-align:center;color:#697d73;font-size:14px}.title{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:27px;margin:6px 0;overflow-wrap:anywhere}.compact{padding:10px;font-size:14px}.summary{display:flex;justify-content:space-between;background:#e7efe5;padding:22px;border-radius:18px;margin-top:22px}.summary small,.summary strong{display:block}.summary strong{font-size:29px;margin-top:5px}.fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px}nav{display:flex;gap:7px;margin:24px 0}.filter{background:transparent;color:#697d73;font-size:13px;padding:10px 14px}.filter.active{background:#203d35;color:white}.category{font-size:13px;color:#697d73;margin:20px 0 8px}.item{display:flex;gap:12px;align-items:center;background:white;border:1px solid #e0e8dd;border-radius:14px;padding:14px;margin-bottom:8px}.item input{width:24px;height:24px;margin:0;accent-color:#17775e}.item .details{flex:1;min-width:0;overflow-wrap:anywhere}.item strong{display:block}.item small{display:block;margin-top:4px}.item.bought strong{text-decoration:line-through;color:#88948d}.delete{background:transparent;color:#897b75;padding:8px;font-size:21px}footer{display:flex;justify-content:space-between;margin-top:25px}.text{background:transparent;color:#697d73;font-size:12px;padding:8px}#message{padding:8px 0;color:#a14225;font-size:14px}.empty{text-align:center;padding:35px 10px;color:#697d73}[hidden]{display:none!important}@media(max-width:380px){main{padding:18px 14px}.fields{grid-template-columns:1fr 1fr}.fields label:last-child{grid-column:1/-1}}
:root dialog{border:1px solid #dce4d8;border-radius:20px;max-width:calc(100% - 32px);width:440px;padding:24px;color:#203d35}dialog::backdrop{background:#203d3566}textarea{width:100%;min-height:110px;font:inherit;font-size:14px;overflow-wrap:anywhere;padding:12px;border:1px solid #dce4d8;border-radius:10px}a{color:#17775e}details{margin:20px 0}input[type=checkbox]{width:24px;height:24px;accent-color:#17775e}#account{margin-bottom:20px}