:root{--bg: oklch(.975 .004 260);--card: #ffffff;--border: oklch(.92 .006 260);--border-strong: oklch(.88 .006 260);--text: oklch(.22 .01 260);--muted: oklch(.55 .01 260);--muted-2: oklch(.58 .01 260);--primary-grad: linear-gradient(135deg, oklch(.58 .17 275), oklch(.55 .19 300));--accent: oklch(.55 .16 280);--accent-text: oklch(.42 .16 280);--accent-tint: oklch(.94 .03 280);--link: oklch(.5 .15 280);--red: oklch(.55 .2 25);--green: oklch(.65 .15 145);--amber: oklch(.7 .15 75);--danger: #dc2626}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes dotPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 4px #dc262600}}*{box-sizing:border-box}body{margin:0;font-family:Manrope,PingFang SC,Microsoft YaHei,-apple-system,sans-serif;background:var(--bg);color:var(--text)}::selection{background:#5965cd;color:#fff}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.side-nav{width:208px;flex-shrink:0;background:var(--card);border-right:1px solid oklch(.9 .006 260);padding:20px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.logo-row{display:flex;align-items:center;gap:9px;padding:0 8px 20px}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.wordmark{font-size:15.5px;font-weight:800}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;border:none;background:transparent;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;color:#52555b;text-align:left;width:100%}.nav-item:hover{background:#eff2f6}.nav-item.active{background:var(--accent-tint);color:var(--accent-text);font-weight:700}.nav-icon{width:18px;text-align:center;flex-shrink:0}.nav-label{flex:1;text-align:left}.nav-count{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#dcdee2;color:#52555b}.nav-item.active .nav-count{background:var(--accent);color:#fff}.nav-section-title{font-size:10.5px;font-weight:800;color:#83868c;padding:8px 10px 5px;letter-spacing:.03em}.nav-section-title-spaced{margin-top:10px;padding-top:14px;border-top:1px solid oklch(.92 .006 260)}.nav-spacer{flex:1}.mobile-topbar{display:none;align-items:center;gap:9px;background:var(--card);border-bottom:1px solid var(--border);padding:10px 14px;position:sticky;top:0;z-index:20}.mobile-topbar .spacer{flex:1}.icon-btn{border:none;background:transparent;font-size:17px;cursor:pointer;padding:6px;border-radius:8px;line-height:1}.icon-btn:hover{background:#eff2f6}.main-col{flex:1;min-width:0;padding:24px 28px;max-width:760px}.main-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-title{margin:0;font-size:21px;font-weight:800;white-space:nowrap}.page-sub{font-size:12.5px;color:var(--muted);margin-top:3px;white-space:nowrap}.header-actions{display:flex;gap:10px;align-items:center;flex:1;justify-content:flex-end;min-width:0}.search-input{width:180px;max-width:100%;font:inherit;padding:8px 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--card);font-size:13.5px;color:#2b2e33;min-width:0}.search-input:focus{outline:none;border-color:#6f6fe2;box-shadow:0 0 0 3px #6f6fe21f}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--card);color:#45484d;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.primary{border:none;background:var(--primary-grad);color:#fff;font-weight:700;padding:9px 16px;font-size:13.5px;white-space:nowrap;box-shadow:0 4px 12px -4px #6b5dcf80;transition:transform .15s ease}button.primary:hover{transform:translateY(-1px)}button.danger{color:var(--danger);border-color:#fecaca;background:var(--card)}button.link{background:none;border:none;color:var(--link);padding:0;font-size:12px;font-weight:600;text-align:left}button.link:hover{text-decoration:underline}.capsules{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.capsule{border:1px solid oklch(.9 .006 260);background:var(--card);color:#45484d;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;white-space:nowrap}.capsule.active{border-color:transparent;background:var(--accent);color:#fff}.capsule strong{margin-left:2px}.capsule.category-capsule{display:none}.task-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px 12px 18px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s ease;animation:fadeUp .2s ease both}.task-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px -6px #1414281f}.accent-bar{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px}.task-card .check{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1.5px solid oklch(.8 .01 260);background:transparent;display:flex;align-items:center;justify-content:center;padding:0;font-size:11px;font-weight:800;line-height:1}.task-card .check:hover{border-color:var(--accent)}.task-card .body{flex:1;min-width:0}.task-card .name-row{display:flex;align-items:center;gap:7px;min-width:0}.task-card .name{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card .tag{flex-shrink:0;font-size:10.5px;font-weight:700;white-space:nowrap}.task-card .sub{font-size:12px;color:var(--muted-2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-wrap{display:flex;align-items:center;gap:7px;flex-shrink:0}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.pulse{animation:dotPulse 1.6s ease-in-out infinite}.badge{font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:7px;white-space:nowrap;background:transparent;color:#373b40}.badge.overdue,.badge.today{background:#ffe8e6;background:oklch(.95 .05 25);color:#bb061e}.badge.red{background:#ffece7;background:oklch(.96 .04 35);color:#af2c1f}.badge.yellow{background:#fff0d2;background:oklch(.96 .05 85);color:#7b5600;color:oklch(.48 .13 80)}.empty{text-align:center;color:var(--muted);padding:64px 16px;line-height:1.8}.empty-filtered{text-align:center;color:#7d8086;padding:60px 16px;line-height:1.9;font-size:14px}.empty-onboarding{text-align:center;padding:56px 20px 40px}.eo-title{font-size:18px;font-weight:800;margin-bottom:6px}.eo-sub{font-size:13.5px;color:var(--muted);margin-bottom:20px;line-height:1.7}.eo-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.pill-btn{display:flex;align-items:center;gap:7px;border:1px solid oklch(.9 .006 260);background:var(--card);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#2b2e33}.right-col{width:280px;flex-shrink:0;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.widget{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:15px 16px}.widget-title{font-size:12px;font-weight:800;color:#373b40;margin-bottom:10px}.widget-empty{font-size:12.5px;color:#7d8086;padding:6px 0}.widget-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid oklch(.93 .006 260)}.widget-row-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-row-badge{font-size:12px;font-weight:700;white-space:nowrap}.quick-list{display:flex;flex-direction:column;gap:6px}.quick-btn{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid oklch(.9 .006 260);background:var(--card);border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:600;color:#2b2e33}.quick-btn:hover{background:#f3f5f9}.stat-line{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.stat-line span{color:#606369}.stat-line strong.stat-red{color:#c92f33}.auto-line{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:4px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142352;display:flex;align-items:flex-start;justify-content:center;z-index:60;padding:4vh 16px 24px;overflow-y:auto;animation:overlayIn .15s ease}.dialog{background:var(--card);border-radius:16px;padding:22px;width:100%;max-width:480px;margin:auto 0;box-shadow:0 30px 70px -20px #14142859;animation:modalIn .2s ease}.settings-dialog{max-width:560px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-head h2{margin:0;font-size:16px;font-weight:800}.dialog h2{margin:0 0 14px;font-size:16px;font-weight:800}.dialog-head h2{margin:0}.dialog-close{border:none;background:#eceff3;width:28px;height:28px;border-radius:50%;color:#888;font-size:13px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.overlay label{display:block;font-size:12px;font-weight:700;color:#606369;margin-bottom:5px}.overlay input[type=text],.overlay input[type=number],.overlay input[type=time],.overlay input[type=date],.overlay select,.overlay textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--border-strong);border-radius:8px;background:#fdfdfe;font-size:13.5px;color:#1f2227}.overlay input:focus,.overlay select:focus,.overlay textarea:focus{outline:none;border-color:#6f6fe2;box-shadow:0 0 0 3px #6f6fe21f}.overlay .row{margin-bottom:12px}.overlay .inline{display:flex;gap:10px;align-items:center}.overlay .inline>*{flex:1}.overlay .inline-2{display:flex;gap:12px}.overlay .inline-2>*{flex:1;min-width:0}.overlay .checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#45484d}.overlay .checkbox-row input{width:auto}.overlay .checkbox-row label{margin:0;font-size:13px;font-weight:600;color:#45484d}.overlay .buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.overlay .error{color:var(--danger);font-size:12.5px;font-weight:600;margin:8px 0}.overlay .hint{font-size:12px;color:var(--muted);margin-top:4px;font-weight:500;line-height:1.6}.overlay .hint.ok{color:#15803d}.editor-dialog{background:var(--card);border-radius:18px;width:100%;max-width:820px;max-height:88vh;overflow:hidden;display:flex;margin:auto 0;box-shadow:0 30px 70px -20px #14142859;animation:modalIn .2s ease}.editor-form{flex:1;min-width:0;padding:24px;overflow-y:auto}.editor-form .section{margin-bottom:14px}.editor-preview{width:260px;flex-shrink:0;background:#f3f5f9;border-left:1px solid oklch(.91 .006 260);padding:24px 20px;display:flex;flex-direction:column;overflow-y:auto}.preview-caption{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.preview-card{position:relative;background:var(--card);border:1px solid oklch(.91 .006 260);border-radius:14px;padding:16px 16px 16px 20px;box-shadow:0 2px 10px -4px #14142814}.preview-bar{position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:4px}.preview-name{font-size:15.5px;font-weight:800;margin-bottom:8px;word-break:break-all}.preview-typeline{font-size:12.5px;color:#606369;margin-bottom:10px;line-height:1.6}.preview-facts{border-top:1px solid oklch(.91 .006 260);padding-top:10px;display:flex;flex-direction:column;gap:6px}.preview-fact{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.preview-fact span{color:var(--muted);flex-shrink:0}.preview-fact strong{text-align:right;word-break:break-all}.preview-fact.status{font-size:13px;margin-top:4px}.preview-ok{color:#005725;color:oklch(.4 .14 150)}.preview-warn{color:#d64938}.preview-bad{color:#cc272e}.preview-tzline{font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.7}.preview-tzline button.link{font-size:11.5px}.template-chips{display:flex;flex-wrap:wrap;gap:7px}.template-chips .chip{font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:999px;white-space:nowrap;border:1px solid oklch(.9 .006 260);background:var(--card);color:#45484d}.template-chips .chip.active{border-color:transparent;color:#fff}.type-line{font-size:12.5px;color:#606369}.type-line strong{color:#2b2e33}.type-line button.link{margin-left:8px;font-size:12.5px}.type-pills{display:flex;gap:7px}.type-pill{flex:1;font-size:13px;font-weight:700;padding:9px;border-radius:9px;white-space:nowrap;border:1px solid oklch(.9 .006 260);background:var(--card);color:#45484d}.type-pill.active{border-color:#7071dd;background:var(--accent-tint);color:var(--accent-text)}.type-desc{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.radio-group{display:flex;gap:6px;flex-wrap:wrap}.radio-group button{padding:6px 12px;font-size:12.5px}.radio-group button.active{background:var(--accent-tint);color:var(--accent-text);border-color:#7071dd}.advanced-toggle{display:block;margin:4px 0 12px}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid oklch(.93 .006 260);gap:8px}.editor-footer .right{display:flex;gap:8px;margin-left:auto}.save-check{font-size:12px;margin-right:4px}.checkoff-dialog{max-width:360px;text-align:center}.checkoff-icon{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff}.checkoff-dialog h2{margin:0 0 4px;font-size:16px;font-weight:800}.checkoff-sub{color:var(--muted);font-size:12.5px;margin:0 0 14px;line-height:1.6}.checkoff-dialog .field{text-align:left;margin-bottom:10px}.checkoff-buttons{display:flex;gap:8px;margin-top:16px}.checkoff-buttons button{flex:1}.notif-box{background:#fff4e1;background:oklch(.97 .05 80);border:1px solid oklch(.9 .07 75);border-radius:12px;padding:12px 14px;margin-bottom:14px}.notif-box .box-title{font-size:13px;font-weight:700;color:#774a00;color:oklch(.45 .1 70);margin-bottom:4px}.notif-box .box-text{font-size:12.5px;color:#744b20;margin-bottom:10px;line-height:1.6}.notif-box .box-text:last-child{margin-bottom:0}.notif-box button{border-color:#d3a563;color:#653d10;font-size:12.5px;font-weight:700}.notif-box button.primary{border:none;color:#fff}.notif-feedback{margin-top:10px;padding:8px 10px;border-radius:8px;font-size:12.5px;line-height:1.55}.notif-feedback.warn{background:#ffebd2;border:1px solid oklch(.86 .08 70);color:#6c411a}.notif-feedback.success{background:#e0fae4;border:1px solid oklch(.84 .09 150);color:#1d4e2b}.info-box{background:#eff2f6;border-radius:10px;padding:11px 13px;margin-bottom:10px;font-size:12px;color:#52555b;line-height:1.7}.settings-status{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.7}.settings-status.warn{color:#986600;color:oklch(.55 .15 75)}.history-list{margin:8px 0 0;padding:0;list-style:none}.history-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 4px;border-top:1px solid var(--border);font-size:12.5px}.history-list .meta{color:var(--muted)}.undo-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#181b1f;color:#fff;border-radius:11px;padding:11px 16px;display:flex;align-items:center;gap:14px;z-index:100;font-size:13.5px;box-shadow:0 12px 30px -8px #00000059;animation:toastIn .2s ease;max-width:calc(100vw - 32px)}.undo-toast button{background:none;border:none;color:#96a7ff;color:oklch(.75 .14 275);font-weight:700;padding:0;white-space:nowrap}.backup-banner{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.backup-banner button{font-size:12.5px;padding:5px 10px}.backup-banner button.link{margin-top:0;color:#92400e}.ymd-input{width:min(100%,240px);display:flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:8px;background:#fdfdfe;flex-direction:row;flex-wrap:nowrap}.ymd-input:focus-within{border-color:#6f6fe2;box-shadow:0 0 0 3px #6f6fe21f}.ymd-input.invalid{border-color:var(--danger)}.ymd-input input{border:none!important;outline:none;padding:0!important;font:inherit;min-width:0;background:transparent;width:auto!important;border-radius:0!important;box-shadow:none!important;text-align:center;font-size:13.5px}.ymd-input input:first-child{flex:0 0 3em;text-align:left}.ymd-input input:not(:first-child){flex:0 0 2.4em}.ymd-input span{color:var(--muted);-webkit-user-select:none;user-select:none}@media (max-width: 1100px){.right-col{display:none}}@media (max-width: 820px){.app-shell{flex-direction:column}.side-nav{display:none}.mobile-topbar{display:flex}.main-col{max-width:none;padding:16px 12px 80px}.main-header{gap:10px}.header-actions{flex-basis:100%}.search-input{flex:1;width:auto}.capsules{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.capsules::-webkit-scrollbar{display:none}.capsule.category-capsule{display:inline-flex;align-items:center}.task-card .sub{white-space:normal}.overlay{padding:12px 10px 24px}.editor-dialog{flex-direction:column;max-height:none;overflow:visible}.editor-form{overflow:visible;padding:18px 16px}.editor-preview{width:auto;border-left:none;border-top:1px solid var(--border);padding:16px;overflow:visible}.overlay .inline-2{flex-direction:column;gap:0}.overlay .inline-2>*{margin-bottom:12px}.type-pills{flex-direction:row}.type-pill{padding:9px 4px;font-size:12.5px}}