:root{font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#293846;background:#f7f9fc;font-size:14px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue:#4c7299;--blue-dark:#365b81;--blue-tint:#eef4fa;--line:#e8edf2;--muted:#82909d;--red:#cf4345;--orange:#ca7830}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9dbbd9;outline-offset:3px}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:600;line-height:1.5;letter-spacing:.025em}h2{font-size:23px;font-weight:600}h3{font-size:14px;font-weight:600}a{color:var(--blue)}.app-shell{max-width:1440px;min-height:100dvh;margin:auto;background:#fff;display:flex;flex-direction:column}.app-header{padding:27px 5.8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center}.brand strong{font-size:21px;letter-spacing:.12em;font-weight:600;display:flex;align-items:center;gap:13px}.brand strong span{font-size:9px;letter-spacing:.17em;color:#8c9eaf;font-weight:500}.brand p{margin-top:3px;font-size:11px;letter-spacing:.05em;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:20px}.text-button{color:var(--blue);padding:8px 0;font-size:13px}.text-button:hover{color:#244e79}.summary-trigger{color:#697b8b;gap:9px}.header-divider{width:1px;height:23px;background:var(--line)}.icon-button{width:34px;height:34px;padding:5px;color:#7d8c99;border-radius:8px;flex-shrink:0}.icon-button:hover{background:var(--blue-tint);color:var(--blue)}.main-content{padding:48px 8% 32px;flex:1}.page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:.09em;color:#8b99a6;display:flex;align-items:center;gap:7px}.page-top h1{margin:13px 0 8px}.intro{font-size:13px;color:#8b98a4;letter-spacing:.02em}.day-emblem{display:grid;place-items:center;color:#8ca8c2;width:66px;height:66px;background:#f4f8fc;border-radius:50%;margin-right:4px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:54px}.tabs{display:flex;gap:25px;align-self:stretch}.tabs button{font-size:14px;padding:12px 2px 15px;border-bottom:2px solid transparent;color:#8b98a3;min-width:48px;position:relative}.tabs button[aria-selected=true]{color:var(--blue);font-weight:600;border-color:var(--blue)}.tab-count{border-radius:5px;font-size:10px;line-height:17px;min-width:18px;background:var(--blue-tint);color:var(--blue);font-weight:500}.toolbar-note{color:#98a3ad;font-size:11px;display:flex;align-items:center;gap:7px}.small-dot{width:4px;height:4px;border-radius:50%;background:#a9b6c2}.history-picker{display:flex;align-items:center;gap:8px;font-size:11px}.history-picker input{border:0;color:#677c90;background:#f7f9fb;padding:7px;border-radius:5px;font-size:12px;max-width:140px}.task-list{min-height:250px}.task-row{display:flex;align-items:center;gap:16px;min-height:89px;padding:18px 2px;border-bottom:1px solid var(--line)}.task-check{appearance:none;width:21px;height:21px;border:1.5px solid #a0adb9;border-radius:6px;flex-shrink:0;margin:0;cursor:pointer;display:grid;place-content:center;background:#fff}.task-check:hover{background:#f3f6fa}.timed .task-check{border-color:#d56b6b}.today .task-check{border-color:#dca16b}.task-check:checked{background:#b4bec7;border-color:#b4bec7}.task-check:checked:after{content:"";display:block;width:8px;height:4px;border:solid white;border-width:0 0 2px 2px;transform:rotate(-45deg);margin-top:-2px}.task-content{display:block;flex:1;min-width:0;text-align:left;padding:2px 0}.task-title-line{display:flex;align-items:center;gap:16px;min-height:26px}.priority-label{font-size:10px;white-space:nowrap;padding:4px 9px;border-radius:5px;min-width:81px;text-align:center;letter-spacing:.02em;line-height:1.6;background:#f0f3f6;color:#82909c;flex-shrink:0}.priority-label.timed{background:#fff0ef;color:var(--red)}.priority-label.today{background:#fff4e8;color:var(--orange)}.priority-label.done{background:#f1f3f5;color:#9aa5ae}.task-title{font-size:16px;letter-spacing:.025em;font-weight:500;overflow-wrap:anywhere}.task-content:hover .task-title{color:var(--blue)}.completed .task-title{color:#a7afb7;text-decoration:line-through;text-decoration-thickness:1px}.task-details{margin:7px 0 0 97px;display:flex;align-items:center;gap:13px;color:#9aa6b0;font-size:11px;flex-wrap:wrap;line-height:1.6}.task-details>span{display:flex;align-items:center;gap:4px;min-width:0}.task-note{max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block!important}.task-details .overdue{color:#b1805b;font-size:10px}.task-end{display:flex;align-items:center;gap:14px;margin-left:8px;align-self:center}.task-end time{font-size:17px;font-variant-numeric:tabular-nums;color:#8193a2;letter-spacing:.02em}.timed .task-end time{color:var(--red)}.completed .task-end time{color:#aeb7bf}.edit-hint{width:26px;height:26px;opacity:0;color:#9eafbe}.task-row:hover .edit-hint,.edit-hint:focus-visible{opacity:1}.add-task{width:100%;justify-content:flex-start;border:1px dashed #d6e0e8;border-radius:8px;color:#8c9caa;padding:17px 19px;margin-top:23px;font-size:14px;gap:13px}.add-task:hover{background:#f7fafd;border-color:#9cb6cd;color:var(--blue)}.add-hint{margin-left:auto;color:#b0bac3;font-size:10px;letter-spacing:.04em}.list-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:33px}.progress-block{font-size:12px;color:#8796a3;min-width:130px;display:flex;flex-direction:column;gap:9px}.progress-track{height:3px;background:#edf1f5;border-radius:2px;width:130px;overflow:hidden}.progress-track span{display:block;height:100%;background:#99b2ca;transition:width .3s}.all-done{font-size:10px;color:#6d899e}.bottom-actions{display:flex;align-items:center;gap:12px}.primary,.secondary,.danger{padding:11px 21px;border-radius:7px;min-height:42px;font-size:13px;font-weight:500;white-space:nowrap}.primary{color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 2px 3px #365b810a}.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.secondary{border:1px solid #d9e2ea;background:#fff;color:#7b8fa1}.secondary:hover{background:#f6f9fc;border-color:#adc0d2}.app-footer{padding:18px 5.8%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9aa7b3;font-size:10px;background:#fcfdfe;gap:16px}.schedule{display:flex;align-items:center;gap:13px}.schedule span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.footer-dot{color:#bcc5cd}.sync-status{font-size:10px;color:#8ba0b1;white-space:nowrap;padding:3px}.sync-status.error{color:#c46e61}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 12px}.empty-mark{width:66px;height:66px;background:#f5f8fb;border-radius:50%;display:grid;place-items:center;color:#acc0d1;margin-bottom:17px}.empty-state h2{font-size:17px;letter-spacing:.04em;color:#718697;font-weight:500}.empty-state p{margin-top:10px;color:#a3aeb8;font-size:12px}.muted{color:#8b9aa7}.help{font-size:11px;color:#96a2ae;line-height:1.9}.tiny{font-size:10px;margin-left:auto}.grow{flex:1;min-width:0;overflow-wrap:anywhere}.spacer{flex:1}.modal{border:1px solid #e0e7ed;border-radius:14px;box-shadow:0 24px 90px #263a5133;background:#fff;color:#293846;width:min(530px,calc(100% - 36px));padding:0;max-height:90dvh;overflow:auto}.modal.wide{width:min(640px,calc(100% - 36px))}.modal::backdrop{background:#243a5052;backdrop-filter:blur(3px)}.modal-header{padding:24px 28px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#fff;z-index:2}.modal-header .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:8px}.modal-header h2{font-size:22px;letter-spacing:.02em}.form-body{padding:25px 28px;display:flex;flex-direction:column;gap:19px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;position:relative;color:#607384}.field-hint{font-size:10px;font-weight:400;color:#a2adb7;position:absolute;top:0;right:0}.field input,.field select,.field textarea{padding:11px 12px;border:1px solid #dfe6ec;border-radius:6px;background:#fff;color:#34495a;min-width:0;width:100%;font-size:13px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#b2bcc5}.field textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline-field{flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.inline-field input{width:100px}.modal-footer{padding:18px 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#fcfdfe;position:sticky;bottom:0}.modal-footer .primary,.modal-footer .secondary{padding:10px 18px}.modal-footer .help{max-width:55%}.error{color:#b44d4b!important;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.error-banner,.alert-banner,.conflict-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:7px;margin-top:17px;font-size:12px;line-height:1.7}.error-banner{background:#fff4f1;color:#bd6256}.error-banner>span{flex:1;overflow-wrap:anywhere}.error-banner .text-button{flex-shrink:0;color:inherit}.alert-banner{background:#eff5fb;color:#557796}.alert-banner>div{flex:1}.alert-banner p{font-size:11px;color:#7e94a8}.alert-banner strong{font-weight:500}.conflict-banner{background:#fff7e9;color:#ac7934;width:100%;justify-content:flex-start}.conflict-banner svg:last-child{margin-left:auto}.summary-numbers{display:flex;gap:0;padding:8px 0 19px;border-bottom:1px solid var(--line)}.summary-numbers>div{flex:1;display:flex;align-items:baseline;gap:9px}.summary-numbers strong{font-size:33px;line-height:1.4;font-weight:500;color:#567c9e}.summary-numbers span{color:#96a4af;font-size:11px}.summary-section h3{color:#6d8295;font-size:12px;margin-bottom:10px}.summary-section .help{margin-bottom:10px}.summary-item{display:flex;align-items:center;gap:9px;min-height:38px;border-bottom:1px solid #f0f3f6;font-size:12px;padding:8px 0}.summary-item.done{color:#9ca9b4}.priority-dot{height:6px;width:6px;background:#97a9ba;border-radius:50%;flex-shrink:0}.priority-dot.timed{background:var(--red)}.priority-dot.today{background:var(--orange)}.keep-label{font-size:10px;color:#9ba9b4;white-space:nowrap}.summary-item .text-button{font-size:11px;white-space:nowrap;padding:2px 0}.settings-body section{border-bottom:1px solid var(--line);padding-bottom:22px;display:flex;flex-direction:column;gap:15px}.settings-body section:last-of-type{border-bottom:0;padding-bottom:0}.settings-body h3{display:flex;align-items:center;gap:8px;font-size:13px;color:#637c91}.settings-body .help{margin-top:-4px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-button{cursor:pointer;display:inline-flex;align-items:center;font-size:12px}.file-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-button:focus-within{outline:3px solid #9dbbd9;outline-offset:3px}.toggle-field{display:flex;align-items:center;gap:9px;font-size:12px;color:#71869a}.toggle-field input{accent-color:var(--blue);width:16px;height:16px}.sync-message{font-size:12px;color:#7a90a3;overflow-wrap:anywhere}.delete{color:#bd8079}.danger{background:#be5c57;color:#fff}.delete-confirm{border:1px solid #f2d8d4;border-radius:7px;padding:13px;background:#fff8f7;font-size:12px;line-height:1.8}.delete-confirm p{margin-bottom:10px}.delete-confirm button{margin-right:10px;font-size:12px}.conflict{padding-bottom:20px;border-bottom:1px solid var(--line)}.conflict h3{margin-bottom:12px;overflow-wrap:anywhere}.conflict-choice{padding:16px;border:1px solid #dce5ed;border-radius:7px;flex-direction:column;align-items:flex-start;text-align:left;overflow-wrap:anywhere;min-width:0;gap:12px}.conflict-choice:hover{background:#f4f8fc;border-color:#95b1cb}.conflict-choice>span:nth-child(2){font-size:12px;line-height:1.8}.conflict-choice strong{font-size:11px;color:var(--blue);font-weight:500}.history-rollovers{margin-top:24px;color:#9ca9b4;font-size:12px}.history-rollovers h3{font-size:11px;margin-bottom:10px;font-weight:500}.history-rollovers>div{display:flex;gap:15px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.history-rollovers>div span:last-child{font-size:10px;white-space:nowrap}.reflection-preview{margin-top:23px;border-left:2px solid #cad9e5;padding:3px 0 3px 17px}.reflection-preview p{font-size:13px;line-height:1.9;color:#8597a7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#355572;color:#fff;padding:12px 21px;border-radius:9px;box-shadow:0 6px 20px #233d5426;font-size:12px;display:flex;align-items:center;gap:9px;z-index:10;max-width:calc(100% - 30px)}.fatal{margin:15vh auto;padding:30px;max-width:650px;line-height:1.8}.fatal pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#a46361}.fatal button{background:var(--blue);color:#fff;padding:10px 20px;border-radius:6px;margin-top:20px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1441px){.app-shell{border-left:1px solid #e9eef3;border-right:1px solid #e9eef3}}@media(max-height:760px)and (min-width:701px){.app-header{padding-top:17px;padding-bottom:17px}.main-content{padding-top:26px;padding-bottom:24px}.page-top{margin-bottom:17px}.page-top h1{font-size:27px;margin-top:10px}.task-row{min-height:74px;padding:14px 2px}.list-bottom{padding-top:24px}.empty-state{min-height:210px}.task-list{min-height:180px}.app-footer{padding-top:13px;padding-bottom:13px}}@media(max-width:700px){:root{font-size:13px}.app-header{padding:20px 22px}.brand strong{font-size:19px}.brand strong span{display:none}.brand-mark{width:34px;height:34px;border-radius:9px}.brand{gap:10px}.brand p{font-size:9px}.header-actions{gap:12px}.header-divider{display:none}.summary-trigger{font-size:11px;gap:5px}.summary-trigger svg{width:15px}.main-content{padding:33px 23px 28px}.page-top{margin-bottom:22px}.page-top h1{font-size:24px;letter-spacing:0;margin-top:12px}.intro{font-size:11px;line-height:1.8;max-width:265px}.day-emblem{display:none}.eyebrow{font-size:10px}.tabs{gap:16px}.tabs button{font-size:13px;min-width:42px;padding-bottom:13px}.toolbar-note{font-size:9px}.toolbar-note .small-dot{display:none}.task-row{gap:12px;min-height:92px;padding:17px 0}.task-check{width:20px;height:20px}.task-title-line{flex-direction:column;align-items:flex-start;gap:7px}.priority-label{font-size:9px;min-width:0;padding:2px 7px;border-radius:4px}.task-title{font-size:14px;line-height:1.65}.task-details{margin:6px 0 0;font-size:10px;gap:7px}.task-note{max-width:210px}.task-end{gap:0;margin-left:0}.task-end time{font-size:14px}.edit-hint{display:none}.add-task{margin-top:20px;padding:15px;font-size:13px;gap:9px}.add-hint{font-size:9px}.list-bottom{padding-top:26px;gap:12px}.progress-block{font-size:11px;min-width:95px}.progress-track{width:95px}.primary,.secondary{font-size:12px;padding:10px 14px}.bottom-actions{gap:7px}.bottom-actions .primary{gap:5px}.bottom-actions .primary svg{width:14px}.app-footer{padding:16px 22px;font-size:9px;gap:10px}.schedule{gap:7px;flex-wrap:wrap}.schedule span{gap:4px;font-size:9px}.schedule svg{display:none}.sync-status{font-size:9px;gap:5px}.empty-state{min-height:285px}.empty-state h2{font-size:16px}.empty-state p{font-size:11px}.modal,.modal.wide{width:calc(100% - 24px);max-height:92dvh;border-radius:12px}.modal-header{padding:20px 20px 17px}.modal-header h2{font-size:21px}.form-body{padding:22px 20px;gap:18px}.modal-footer{padding:15px 20px;gap:8px}.modal-footer .primary,.modal-footer .secondary{padding:10px 15px}.field-grid{gap:12px}.field input,.field select,.field textarea{font-size:16px;padding:10px}.summary-numbers strong{font-size:28px}.summary-numbers>div{gap:6px}.summary-numbers span{font-size:10px}.summary-item{font-size:11px;gap:7px}.summary-item .text-button{font-size:10px}.keep-label{display:none}.history-picker{font-size:0}.history-picker input{font-size:11px;max-width:130px}.toast{bottom:20px;width:max-content}.error-banner,.alert-banner{padding:12px;font-size:11px}.alert-banner p{font-size:10px}.task-list{min-height:235px}.conflict-choice{padding:11px}.conflict-choice .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}