*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:#283e37;font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #bd7927;outline-offset:4px}header{max-width:1060px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:800;color:#285847;text-decoration:none}.quiet{background:white;border:1px solid #d8e2da;border-radius:12px;padding:9px 16px;color:#426251}main{max-width:940px;padding:18px 30px 40px;margin:auto}.datebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#718078;font-size:13px;margin-bottom:25px}.datebar>span{margin-right:auto}input[type=date]{border:1px solid #d8e2da;background:transparent;border-radius:8px;padding:6px;color:#385447}.hero{background:#e9f1e4;border-radius:26px;padding:32px 38px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.eyebrow{font-size:13px;font-weight:bold;letter-spacing:2px;color:#61806a}h1{font-size:clamp(25px,4vw,36px);letter-spacing:1px;line-height:1.4;margin:12px 0}h2{font-size:20px;margin:0}.hero p:last-child{color:#55725c}.flower{font-size:100px;transform:rotate(8deg)}.progress-card{margin:24px 0 30px;border:1px solid #e4e9df;border-radius:18px;padding:19px 24px;background:#fff}.progress-card>div{display:flex;justify-content:space-between;gap:10px}.progress-card strong{font-size:19px}.progress-card span{font-size:13px;color:#768176}progress{width:100%;height:12px;border:0;border-radius:10px;overflow:hidden;display:block;margin-top:14px;background:#ecf0e8}progress::-webkit-progress-bar{background:#ecf0e8}progress::-webkit-progress-value{background:#719957;border-radius:10px}progress::-moz-progress-bar{background:#719957}.group{margin-bottom:26px}.group-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.group-title span{font-size:12px;color:#7b867d}.task{display:flex;align-items:center;gap:18px;border:1px solid #e4e6dc;background:#fff;padding:20px 22px;border-radius:16px;margin:10px 0;cursor:pointer;transition:background .15s}.task:hover{border-color:#91ad85}.task input{appearance:none;width:34px;height:34px;flex-shrink:0;border:2px solid #bdccba;border-radius:11px;display:grid;place-content:center;cursor:pointer;background:white}.task input:checked{background:#60884e;border-color:#60884e}.task input:checked:after{content:'✓';color:white;font-size:25px;font-weight:bold}.task.done{background:#eff4eb}.task.done .task-title{color:#71856c;text-decoration:line-through}.task-title{font-size:21px;font-weight:600;display:block}.task-note{display:block;color:#7b8277;font-size:14px;margin-top:5px}.optional{background:#fff8e9;border-color:#eee3c8}.original{font-size:14px;color:#718078;margin-top:30px}.original p{white-space:pre-wrap;background:white;padding:20px;border-radius:12px}summary{cursor:pointer}.celebration{background:#fff1bb;border-radius:16px;padding:22px;text-align:center;font-size:20px;animation:appear .4s ease-out}.muted,.parent-note{color:#778177;font-size:14px}.field{display:grid;gap:8px;font-weight:bold;margin:20px 0}textarea,input[type=text],select{width:100%;border:1px solid #d5dfd4;border-radius:9px;padding:10px;background:white;color:#283e37}textarea{resize:vertical;line-height:1.7}.editor-heading,.actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.editor-row{background:white;border:1px solid #e1e6dc;padding:18px;border-radius:14px;margin:14px 0;display:grid;grid-template-columns:115px 1fr;gap:12px}.editor-row label{font-size:13px}.editor-row .wide{grid-column:1/-1}.row-bottom{display:flex;justify-content:space-between;align-items:center}.remove{color:#9e5447;border:0;background:#fcf0ed;border-radius:8px;padding:6px 12px}.primary{background:#42694d;color:white;border:0;padding:13px 24px;border-radius:12px;font-weight:bold}.actions{margin-top:24px;justify-content:flex-start;flex-wrap:wrap}footer{text-align:center;padding:20px;font-size:12px;color:#7c887c;border-top:1px solid #e4e8df}#status{color:#7b5430;font-size:14px}.empty{text-align:center;padding:36px;background:white;border-radius:18px;color:#74836c}[hidden]{display:none!important}@keyframes appear{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){header{padding:20px}.brand{font-size:18px}main{padding:10px 18px 30px}.hero{padding:24px}.flower{font-size:57px}.hero h1{font-size:24px}.task{padding:16px 12px;gap:12px}.task-title{font-size:19px}.progress-card>div{flex-direction:column}.editor-row{grid-template-columns:1fr}.editor-row .wide{grid-column:auto}.datebar>span{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.task{cursor:default;flex-wrap:wrap}.task-check{display:flex;align-items:center;gap:18px;flex:1;min-width:0;cursor:pointer}.task-check>span{min-width:0;overflow-wrap:anywhere}.listen{border:1px solid #bfd0b3;background:#f0f6e8;color:#355b37;border-radius:14px;min-height:52px;padding:10px 16px;font-size:18px;font-weight:bold;flex-shrink:0}.listen[aria-pressed=true]{background:#42694d;color:white}.listen:disabled{opacity:.5;cursor:not-allowed}.speech-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#55725c;font-size:15px}.speech-status{color:#6c785f;font-size:14px;min-height:1.6em}.quiet:disabled{opacity:.5;cursor:default}@media(max-width:600px){.task-check{flex-basis:100%;gap:12px}.listen{margin-left:50px;min-width:130px}.speech-toolbar .quiet{font-size:14px}}
.login-panel{max-width:540px;margin:35px auto 60px;padding:30px;background:#e9f1e4;border-radius:24px}.login-panel input{width:100%;padding:12px;border:1px solid #bdccba;border-radius:10px}.login-panel p{color:#55725c}@media(max-width:600px){.login-panel{margin:20px 18px;padding:24px}}