:root{color:#1c302c;font-synthesis:none;background:#f5f7f3;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{max-width:720px;margin:auto;padding:26px 22px 72px}.brand{letter-spacing:.08em;color:#477267;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.brand button,button{color:#315c50;cursor:pointer;background:#fff;border:1px solid #cbdcd2;border-radius:8px;padding:8px 14px}.intro{padding:46px 0 24px}.intro>p:first-child{color:#4a7468;margin:0 0 8px}h1{letter-spacing:-.04em;margin:0 0 22px;font-size:36px}.summary{align-items:baseline;gap:9px;display:flex}.summary strong{color:#276851;font-size:44px;line-height:1}.summary span,.muted{color:#6b8179}.muted{margin:14px 0 0;font-size:13px}.warning{color:#965d12;background:#fff4dc;border-radius:7px;padding:10px 12px;font-size:14px}.group{margin-top:30px}.group-title,.completed>summary{border-bottom:1px solid #d5e0da;align-items:center;gap:12px;padding-bottom:11px;display:flex}.group-title h2{margin:0;font-size:17px}.group-title small,.completed small{color:#728b80}.task{border-bottom:1px solid #e0e8e2}.task summary{cursor:pointer;align-items:flex-start;gap:12px;padding:16px 0;list-style:none;display:flex}.task summary::-webkit-details-marker{display:none}.completed>summary::-webkit-details-marker{display:none}.dot{background:#99afa4;border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.dot.doing{background:#33916e}.dot.done{background:#c7d5ce}.task-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.task-main strong{overflow-wrap:anywhere;font-size:15px}.task-main span,.date{color:#758b80;font-size:12px}.date{white-space:nowrap}.task-detail{color:#536d61;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 22px 15px;font-size:14px}.completed>summary{cursor:pointer;font-weight:700}.empty{color:#536d61;margin-top:40px}.empty h1,.empty h2{color:#1c302c}.empty h2{font-size:19px}.empty form{flex-direction:column;gap:10px;max-width:360px;margin-top:24px;display:flex}.empty input{font:inherit;background:#fff;border:1px solid #b9cfc3;border-radius:8px;padding:12px}.empty button{align-self:flex-start;padding:10px 20px}footer{color:#9aafa4;margin-top:55px;font-size:12px}@media (width<=420px){.shell{padding:22px 18px 60px}.date{white-space:normal;text-align:right;max-width:86px}.intro{padding-top:38px}}