@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#20362d;font-synthesis:none;background:#f7f7f4;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #4c9178}.app-shell{background:#f7f7f4;min-height:100dvh}.topbar{-webkit-backdrop-filter:blur(12px);z-index:10;background:#fafaf8bf;border-bottom:1px solid #e3e5e080;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 460px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#2f5d50;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.topbar-actions,.sync-status{align-items:center;display:flex}.topbar-actions{gap:14px}.sync-status{color:#829088;gap:6px;font-size:12px}.status-dot{background:#56a080;border-radius:50%;width:6px;height:6px}.avatar{color:#345b50;background:#dbe9df;border:0;border-radius:50%;width:34px;height:34px;font-size:13px;font-weight:700}.skip-link{z-index:20;color:#fff;background:#1f3e35;border-radius:8px;padding:8px 12px;position:absolute;top:-50px;left:16px}.skip-link:focus{top:12px}.page-wrap{width:min(800px,100% - 48px);margin:0 auto;padding:64px 0 72px}.hero-section{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.hero-actions{align-items:center;gap:9px;display:flex}.date-picker-row{align-items:center;gap:3px;display:flex}.date-nav{color:#6d8177;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;transition:color .2s,background .2s;display:inline-grid}.date-nav:hover:not(:disabled){color:#2f5d50;background:#eaf2eb}.date-nav:disabled{opacity:.32;cursor:not-allowed}.date-control{color:#77877e;align-items:center;gap:6px;width:fit-content;margin-bottom:9px;font-size:13px;display:inline-flex}.date-control input{width:127px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.date-control input::-webkit-calendar-picker-indicator{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hero-section h1{color:#1d3a2f;letter-spacing:-.065em;margin:0;font-size:clamp(32px,5vw,43px);line-height:1.1}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:#2f5d50;box-shadow:0 6px 16px #2f5d5026}.button-primary:hover{background:#244b40}.button-secondary{color:#4c5c55;background:#fff;border-color:#d8dfd9}.button-secondary:hover{background:#f3f6f3}.carry-button{color:#3f6c5b;background:#f4faf5;border-color:#cdded2}.carry-button:hover{color:#285344;background:#eaf5ec;border-color:#a9c8b5}.carry-count{color:#3c715d;background:#deeee1;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-family:DM Mono,monospace;font-size:10px;display:inline-grid}.summary-bar{background:#edf4ed;border:1px solid #dce4dd;border-radius:14px;justify-content:space-between;align-items:center;gap:28px;min-height:73px;margin-bottom:30px;padding:16px 19px;display:flex}.summary-copy{color:#5c7167;white-space:nowrap;align-items:baseline;gap:6px;font-size:13px;display:flex}.summary-copy strong{color:#285243;font-family:DM Mono,monospace;font-size:23px;font-weight:500}.summary-copy i{color:#a0aea5;padding:0 2px;font-style:normal}.progress-group{color:#537466;align-items:center;gap:10px;width:min(45%,260px);font-family:DM Mono,monospace;font-size:11px;display:flex}.progress-track{background:#d6e4d9;border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#4f9778;height:100%;transition:width .25s;display:block}.tasks-panel{border-top:1px solid #dde1dc}.panel-heading{justify-content:space-between;align-items:center;gap:20px;min-height:75px;display:flex}.panel-heading h2{color:#294539;letter-spacing:-.04em;margin:0;font-size:18px}.filters{background:#e9ece7;border-radius:9px;gap:2px;padding:3px;display:flex}.filter-button{color:#748078;background:0 0;border:0;border-radius:7px;min-height:30px;padding:0 11px;font-size:12px;font-weight:600;transition:color .2s,background .2s}.filter-button.active{color:#29483e;background:#fff;box-shadow:0 1px 3px #1b2e261a}.task-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.task-item{background:#fff;border-radius:12px;grid-template-columns:33px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:68px;padding:12px 16px;transition:transform .25s,box-shadow .25s,background .25s;display:grid;box-shadow:0 2px 6px #00000005}.task-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #20362d0f}.check-button{color:#fff;cursor:pointer;background:#fff;border:1.5px solid #aab7af;border-radius:50%;place-items:center;width:27px;height:27px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid}.check-button:active{transform:scale(.85)}.check-button:hover{border-color:#4b9277}.check-button.checked{background:#4b9277;border-color:#4b9277;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards checkPop}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.task-name{color:#2d4038;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.task-item.completed .task-name{color:#9aa49e;text-decoration:line-through}.priority-tag{border-radius:5px;padding:4px 8px;font-size:10px;font-weight:700}.priority-high{color:#a8493e;background:#fff0e9}.priority-medium{color:#3b6c81;background:#e9f4f7}.priority-low{color:#65805d;background:#eff5e9}.task-actions{opacity:0;transition:opacity .2s;display:flex}.task-item:hover .task-actions,.task-item:focus-within .task-actions{opacity:1}.icon-button{color:#68776f;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;transition:color .2s,background .2s;display:inline-grid}.icon-button:hover{color:#2f5d50;background:#edf2ee}.task-actions .icon-button{width:31px;height:31px}.danger:hover{color:#a54242;background:#fff0ed}.empty-state{color:#839087;border-top:1px solid #e4e7e2;border-bottom:1px solid #e4e7e2;place-content:center;justify-items:center;gap:10px;min-height:232px;font-size:14px;display:grid}.empty-icon{color:#67a98a;background:#e7f1e9;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.empty-state strong{color:#53655c}.text-action{color:#2f6b58;background:0 0;border:0;padding:2px;font-size:13px;font-weight:700}.text-action:hover{color:#184837;text-decoration:underline}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17292273;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.task-dialog{background:#fffefa;border:1px solid #e0e5de;border-radius:20px;width:min(100%,620px);padding:36px 38px 32px;box-shadow:0 24px 70px #12231c40}.dialog-heading{justify-content:space-between;align-items:start;margin-bottom:28px;display:flex}.section-kicker{color:#7d9689;letter-spacing:.1em;margin:0 0 6px;font-family:DM Mono,monospace;font-size:10px}.dialog-heading h2{color:#1f3c31;letter-spacing:-.05em;margin:0;font-size:26px}.form-field{gap:9px;display:grid}.form-field label,.priority-field legend{color:#40534b;font-size:14px;font-weight:700}.form-field label span{color:#b44b41}.form-field textarea{resize:vertical;color:#273b33;background:#fff;border:1px solid #d7dfd8;border-radius:11px;width:100%;min-height:174px;padding:14px 15px;line-height:1.65;transition:border-color .25s,box-shadow .25s}.form-field textarea::placeholder{color:#a6afa9}.form-field textarea:focus{border-color:#4c9178;outline:none;box-shadow:0 0 0 4px #4c917826}.priority-field{border:0;margin:23px 0 0;padding:0}.priority-options{gap:8px;margin-top:9px;display:flex}.priority-option{cursor:pointer;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:42px;font-size:13px;font-weight:700;display:inline-flex}.priority-option input{opacity:0;position:absolute}.priority-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #4f8a78}.priority-option:has(input:checked){box-shadow:inset 0 0 0 1px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:32px;display:flex}.toast{z-index:20;color:#f8fbf8;background:#233e35;border-radius:11px;align-items:center;gap:9px;min-height:46px;padding:8px 10px 8px 14px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 32px #111f1933}.toast svg{color:#9ed8b9}.toast button{color:#d4f1dd;background:#ffffff1a;border:0;border-radius:7px;min-height:30px;padding:0 9px;font-weight:700}.task-enter-active,.task-leave-active{transition:opacity .2s,transform .2s}.task-enter-from,.task-leave-to{opacity:0;transform:translate(-8px)}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .task-dialog,.modal-leave-active .task-dialog{transition:transform .22s,opacity .22s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .task-dialog,.modal-leave-to .task-dialog{opacity:0;transform:translateY(12px)scale(.98)}.toast-enter-active,.toast-leave-active{transition:transform .2s,opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}@media (width<=620px){.topbar{height:62px;padding:0 16px}.sync-status{display:none}.page-wrap{width:min(100% - 32px,560px);padding:40px 0 52px}.hero-section{flex-wrap:wrap;align-items:center;margin-bottom:24px}.hero-actions{align-items:stretch;max-width:100%;margin-left:auto}.hero-section h1{font-size:34px}.button{min-height:44px}.summary-bar{gap:16px;margin-bottom:24px;padding:15px}.progress-group{width:120px}.panel-heading{min-height:65px}.task-item{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:10px 14px}.priority-tag{display:none}.task-actions{opacity:1}.task-actions .icon-button{width:30px;height:30px}.task-name{font-size:13px}.modal-backdrop{padding:16px}.task-dialog{padding:27px 22px 24px}.form-field textarea{min-height:156px}.toast{justify-content:center;bottom:16px;left:16px;right:16px}}@media (width<=390px){.hero-actions{width:100%}.hero-actions .button{flex:1;padding:0 10px}.hero-section .button{padding:0 12px}.summary-copy{gap:5px}.summary-copy span:last-child,.summary-copy i{display:none}.progress-group{width:108px}.filters{width:100%}.filter-button{flex:1}.panel-heading{flex-direction:column;align-items:start;gap:10px;padding:16px 0}.dialog-actions .button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}