*{box-sizing:border-box}body{margin:0;background:#edf3e7;color:#213d2c;font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}.app{max-width:720px;margin:28px auto;padding:28px;background:#fff;border:1px solid #dbe4d3;border-radius:22px}header p,.note{color:#758170}.tag{font-size:12px;letter-spacing:.05em;color:#6c805c}h1{font-size:34px;line-height:1.3;margin:10px 0}.summary{display:flex;align-items:center;gap:18px;background:#edf4e4;border-radius:15px;padding:20px;margin:26px 0}.summary strong{font-size:28px;white-space:nowrap;flex-shrink:0}.summary span{font-size:13px;color:#68805b}.entry{display:flex;gap:8px;margin:8px 0 22px}input,button{font:inherit}input[type=text],input:not([type]){min-width:0;width:100%;border:1px solid #ccd8c5;border-radius:9px;padding:12px}button{border:0;border-radius:9px;background:#17654a;color:#fff;padding:12px 20px;white-space:nowrap;cursor:pointer}button:hover{background:#104e38}ul{list-style:none;padding:0}li{padding:16px 0;border-bottom:1px solid #e8ede3}li label{display:flex;gap:12px;align-items:center;overflow-wrap:anywhere}input[type=checkbox]{width:18px;height:18px;accent-color:#17654a;flex-shrink:0}input:checked+span{text-decoration:line-through;color:#87917f}.note{font-size:12px;margin-top:22px}:focus-visible{outline:3px solid #a2ba77;outline-offset:3px}@media(max-width:480px){.app{margin:12px;padding:20px;border-radius:16px}h1{font-size:28px}.entry{flex-direction:column}.entry button{width:100%}.summary{padding:16px}}