:root{font-family:system-ui,-apple-system,sans-serif;color:#25392e;background:#f5f3eb;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 40px}.brand{font-weight:800;font-size:23px;text-decoration:none;color:inherit}.brand span{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#657267}section,.card{background:#fffef9;border:1px solid #dedfd4;border-radius:18px;padding:28px;margin:20px 0}h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:8px 0 16px;overflow-wrap:anywhere}h2{font-size:21px;margin-top:32px}p{line-height:1.6;color:#5b685f}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#6a7957}.intro{background:#e9eedf}label{display:block;font-size:13px;font-weight:650}input{display:block;width:100%;min-width:0;border:1px solid #bbc4b6;border-radius:9px;padding:13px;background:#fff;margin:8px 0 16px;font:inherit;font-size:16px;color:#25392e}button{border:0;border-radius:9px;padding:13px 18px;background:#315a40;color:white;font:inherit;font-weight:650;cursor:pointer;min-height:44px}button:hover{background:#244830}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb8629;outline-offset:3px}.add{display:flex;align-items:end;gap:12px}.add label:first-of-type{flex:1}.add label:nth-of-type(2){width:125px}.add button{margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;margin:0;overflow-wrap:anywhere}.card:hover{border-color:#315a40}.card span{font-size:13px;color:#657267}.card b{font-size:22px}.items{list-style:none;padding:0;margin-bottom:0}.items li{display:flex;align-items:center;gap:12px;border-top:1px solid #e7e9df;padding:14px 0}.item-name{flex:1;overflow-wrap:anywhere}.item-name small{display:block;color:#657267;margin-top:5px}.done .item-name{text-decoration:line-through;color:#768174}.check{padding:4px 10px;font-size:24px}.quiet{background:transparent;color:#5b685f;font-size:13px;padding:8px}.quiet:hover{background:#e9eedf}.empty{font-size:14px;color:#687368;line-height:1.6}.notice{padding:14px 18px;background:#f9e9bf;border-radius:10px;color:#54431e}.total{font-size:36px;font-weight:750;color:#315a40}.back{color:#315a40}footer{text-align:center;font-size:12px;color:#768174;margin:40px 0 10px}@media(max-width:600px){main{padding:16px}section{padding:20px}.add{flex-wrap:wrap}.add label:first-of-type{flex-basis:65%}.add button{width:100%}.grid,.cards{grid-template-columns:1fr}header{margin-bottom:24px}.brand span{max-width:190px}.items{font-size:15px}.quiet{padding:6px}}