:root,[data-theme=light]{--sans:"Inter", "Noto Sans SC", "Segoe UI", system-ui, sans-serif;--mono:"Cascadia Code", "SF Mono", "Fira Code", Consolas, monospace;--text:#55636d;--text-h:#1a2730;--muted:#8c979f;--bg:#eef3f0;--page-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #0f766e0f, transparent), linear-gradient(90deg, #1f2a3007 1px, transparent 1px), linear-gradient(180deg, #1f2a3006 1px, transparent 1px), linear-gradient(135deg, #eef3f0 0%, #f7f5ee 52%, #eaf1f4 100%);--surface:#f9faf7;--card-bg:#fffffce0;--border:#d5ddd6;--border-light:#ffffffb3;--accent:#0d9488;--accent-strong:#0f766e;--accent-light:#14b8a6;--accent-bg:#0d948814;--accent-border:#0d948838;--warm:#d97706;--warm-bg:#d9770614;--warm-border:#d9770638;--danger:#dc2626;--danger-bg:#dc26260f;--danger-border:#dc26262e;--success:#16a34a;--success-bg:#16a34a14;--shadow-xs:0 1px 2px #1f2a300a;--shadow-sm:0 1px 3px #1f2a300f, 0 1px 2px #1f2a300a;--shadow:0 4px 16px #1f2a300f, 0 12px 32px #1f2a3014;--shadow-lg:0 8px 24px #1f2a3014, 0 20px 48px #1f2a301f;--shadow-float:0 20px 40px #1f2a3024, 0 4px 12px #1f2a300f;--shadow-glow:0 0 20px #0d948826;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--radius:var(--radius-md);font:15px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:auto,28px 28px,28px 28px,auto}[data-theme=dark]{--text:#a8b4b1;--text-h:#eef5ef;--muted:#6b7a75;--bg:#0f1714;--page-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #2dd4bf0a, transparent), linear-gradient(90deg, #eef5ef06 1px, transparent 1px), linear-gradient(180deg, #eef5ef05 1px, transparent 1px), linear-gradient(135deg, #0f1714 0%, #141d1b 52%, #0f181c 100%);--surface:#162019;--card-bg:#162019e0;--border:#253530;--border-light:#ffffff0f;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-light:#99f6e4;--accent-bg:#2dd4bf1a;--accent-border:#2dd4bf47;--warm:#f59e0b;--warm-bg:#f59e0b1a;--warm-border:#f59e0b38;--danger-bg:#dc26261a;--danger-border:#dc262638;--success-bg:#16a34a1f;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000038, 0 1px 2px #0000002e;--shadow:0 4px 16px #0003, 0 12px 32px #00000038;--shadow-lg:0 8px 24px #0000003d, 0 20px 48px #00000052;--shadow-float:0 20px 40px #0000005c, 0 4px 12px #0000002e;--shadow-glow:0 0 20px #2dd4bf1f}*{box-sizing:border-box}::selection{color:var(--text-h);background:#0d948833}body{min-width:320px;margin:0}#root{flex-direction:column;gap:22px;width:min(1120px,100%);min-height:100svh;margin:0 auto;padding:32px 24px;display:flex}@media (width<=680px){#root{gap:12px;padding:12px}}h1,h2{font-family:var(--sans);color:var(--text-h);letter-spacing:-.01em;font-weight:700}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes check-stroke{0%{stroke-dashoffset:16px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.clock{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff1f;color:#f8fbf7;background:repeating-linear-gradient(135deg,#ffffff0d 0 1px,#0000 1px 10px),repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 14px),linear-gradient(135deg,#162420 0%,#1a3832 30%,#1f4a40 55%,#3d3a18 80%,#5c4010 100%);border:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;animation:.5s ease-out both slideDown;display:flex;position:relative;overflow:hidden}.clock:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none;background:linear-gradient(#ffffff14 0%,#ffffff08 40%,#0000 100%);height:48px;position:absolute;top:0;left:0;right:0}.clock-quote{border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--accent) 0%, var(--warm) 100%) 1;flex-direction:column;flex-shrink:0;gap:6px;max-width:300px;padding-left:14px;display:flex}.clock-quote-text{color:#f8fbf7f2;text-shadow:0 1px 6px #00000059;font-size:15px;font-style:italic;font-weight:500;line-height:1.5}.clock-quote-author{color:#f8fbf799;letter-spacing:.02em;font-size:12.5px;font-weight:600}.clock-quote-content{flex-direction:column;gap:6px;transition:opacity .2s,transform .2s;display:flex}.clock-quote-content.fade-in{opacity:1;transform:translateY(0)}.clock-quote-content.fade-out{opacity:0;transform:translateY(-4px)}.clock-quote-categories{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.clock-category-pill{color:#f8fbf780;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:4px;padding:1.5px 6px;font-size:10px;font-weight:500;transition:all .2s}.clock-category-pill:hover{color:#f8fbf7d9;background:#ffffff1f;border-color:#ffffff1f}.clock-category-pill.active{color:#fff;background:#ffffff2e;border-color:#ffffff40;font-weight:600}.clock-refresh-btn{cursor:pointer;color:#f8fbf773;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:3px;transition:all .2s;display:inline-flex}.clock-refresh-btn:hover{color:#fff;background:#ffffff14;transform:rotate(180deg)}.clock-refresh-btn svg{fill:currentColor;width:13px;height:13px}.clock-info{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.clock-date{color:#f8fbf7d1;letter-spacing:.01em;font-size:17px;font-weight:600;line-height:1.4}.clock-time{font-family:var(--mono);color:#fff8df;letter-spacing:.5px;text-shadow:0 0 12px #ffe89a4d,0 2px 20px #ffe89a33,0 0 40px #ffc83c1a;font-size:44px;font-weight:800;line-height:1}.clock-colon-blink{animation:1s step-end infinite blink;display:inline}.clock-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=680px){.clock{flex-direction:column;align-items:center;gap:16px;padding:22px 20px}.clock-quote{text-align:center;border-bottom:3px solid #0000;border-left:none;border-image:;border-image:linear-gradient(90deg, var(--accent) 0%, var(--warm) 100%) 1;max-width:100%;padding-bottom:12px;padding-left:0}.clock-time{font-size:36px}.clock-date{font-size:15px}.clock-actions{align-self:center}}.calendar{background:var(--card-bg);border:1px solid var(--border);border-top:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);box-sizing:border-box;flex-shrink:0;padding:20px;animation:.4s ease-out .1s both scaleIn}.calendar-header{align-items:center;gap:8px;margin-bottom:18px;display:flex}.cal-title{color:var(--text-h);text-align:center;letter-spacing:-.01em;flex:1;font-size:18px;font-weight:800}.cal-nav-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-h);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.cal-nav-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-sm);transform:scale(1.05)}.cal-nav-btn:active{transform:scale(.97)}.cal-today-btn{background:var(--warm-bg);border:1px solid var(--warm-border);border-radius:var(--radius-full);cursor:pointer;color:var(--warm);letter-spacing:.02em;padding:6px 16px;font-size:12px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1)}.cal-today-btn:hover{background:linear-gradient(135deg, var(--warm) 0%, #f59e0b 100%);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #d977064d}.cal-today-btn:active{transform:translateY(0);box-shadow:0 2px 8px #d9770633}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-weekday{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-light);margin-bottom:2px;padding:8px 0;font-size:11px;font-weight:800}.cal-day{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;color:var(--text-h);background:#fff6;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:13px;font-weight:700;transition:all .2s ease-out;display:flex;position:relative}.cal-day-enter{animation:.3s ease-out both fadeIn}.cal-solar{line-height:1.05}.cal-lunar{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;opacity:.85;font-size:10px;font-weight:700;line-height:1.05;overflow:hidden}.cal-day:hover{background:var(--accent-bg);border-color:var(--accent-border);transform:scale(1.03);box-shadow:0 0 12px #0d94881a}.cal-day-other{color:var(--text);opacity:.3}.cal-day-other:hover{opacity:.6}.cal-day-today{background:linear-gradient(135deg, var(--warm-bg) 0%, #f59e0b1f 100%);color:var(--text-h);border-color:#d977064d;font-weight:900}.cal-day-today:before{content:"";background:var(--warm);border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite pulse-soft;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cal-day-selected{font-weight:900;transform:scale(1.05);box-shadow:0 6px 20px #0d948859,0 0 16px #0d948833;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%)!important;color:#fff!important;opacity:1!important;border-color:#0000!important}.cal-day-selected:hover{transform:scale(1.07);box-shadow:0 8px 24px #0d948866,0 0 20px #0d948840}.cal-day-selected .cal-lunar{color:#ffffffd1;opacity:1}.cal-day-selected.cal-day-today:before{display:none}.cal-day-has-task:after{content:"";background:var(--warm);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #d9770666}.cal-day-selected.cal-day-has-task:after{background:#ffffffd9;box-shadow:0 0 6px #fff6}@media (width<=680px){.calendar{width:100%}}[data-theme=dark] .cal-day{background:#ffffff0d}[data-theme=dark] .cal-day:hover{background:var(--accent-bg);box-shadow:0 0 14px #2dd4bf14}[data-theme=dark] .cal-weekday{color:var(--muted);border-bottom-color:#ffffff0a}[data-theme=dark] .cal-lunar{color:var(--muted);opacity:.75}[data-theme=dark] .cal-day-other{opacity:.35}[data-theme=dark] .cal-day-today{background:linear-gradient(135deg, var(--warm-bg) 0%, #f59e0b24 100%);border-color:var(--warm-border)}[data-theme=dark] .cal-day-selected{box-shadow:0 6px 20px #2dd4bf40,0 0 16px #2dd4bf26}[data-theme=dark] .cal-day-selected:hover{box-shadow:0 8px 24px #2dd4bf4d,0 0 20px #2dd4bf33}[data-theme=dark] .cal-day-has-task:after{box-shadow:0 0 8px #f59e0b59}[data-theme=dark] .cal-today-btn:hover{box-shadow:0 4px 14px #f59e0b40}.todo-recurring-badge{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .2s ease-out,border-color .2s ease-out,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out;display:inline-flex}.todo-recurring-badge:hover{background:var(--accent-bg);border-color:var(--accent-border);animation:1.5s ease-out infinite pulse-soft;transform:scale(1.1)}.todo-recurring-badge:active{animation:none;transform:scale(.92)}.todo-recurring-badge .recurring-badge-icon{font-style:normal;transition:transform .2s ease-out;display:inline-block}.todo-recurring-badge:hover .recurring-badge-icon{transform:rotate(30deg)}.todo-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card-bg);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 14px;transition:all .2s ease-out;display:flex;position:relative;overflow:visible}.todo-item-enter{animation:.35s ease-out both slideUp}.todo-item:before{content:"";background:var(--accent-border);border-radius:3px 0 0 3px;width:3px;transition:all .2s ease-out;position:absolute;inset:0 auto 0 0}.todo-priority-high:before{background:linear-gradient(180deg, var(--danger), #dc262680)}.todo-priority-low:before{background:var(--muted)}.todo-item:hover{background:var(--surface);border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.todo-item:hover:before{box-shadow:0 0 6px var(--accent-border)}.todo-priority-high:hover:before{box-shadow:0 0 8px #dc26264d}.todo-check-label{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.todo-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.todo-checkbox{appearance:none;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);flex-shrink:0;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.todo-checkbox:hover{border-color:var(--accent);background:var(--accent-bg)}.todo-checkbox:checked{background:var(--success);border-color:var(--success);animation:.15s ease-out scaleIn;box-shadow:0 0 8px #16a34a40}.todo-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.todo-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;transition:all .25s ease-out;overflow:hidden}.todo-note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.todo-completed .todo-title{color:var(--muted);opacity:.55;text-decoration:line-through;transition:all .3s ease-out}.todo-completed .todo-checkbox{opacity:.65}.todo-completed .todo-note{opacity:.45}.todo-priority{border:1px solid var(--danger-border);border-radius:var(--radius-full);background:var(--danger-bg);color:var(--danger);letter-spacing:.01em;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:850}.todo-time{font-family:var(--mono);color:var(--warm);background:var(--warm-bg);border:1px solid var(--warm-border);border-radius:var(--radius-sm);letter-spacing:0;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:800}.todo-completed .todo-time{opacity:.4}.todo-edit{color:var(--text);cursor:pointer;border-radius:var(--radius-sm);opacity:0;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;line-height:1;transition:all .2s ease-out;display:flex}.todo-item:hover .todo-edit{opacity:.55}.todo-edit:hover{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border);opacity:1!important}.todo-delete{color:var(--text);cursor:pointer;border-radius:var(--radius-sm);opacity:0;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;line-height:1;transition:all .2s ease-out;display:flex}.todo-item:hover .todo-delete{opacity:.55}.todo-delete:hover{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border);opacity:1!important}.todo-edit-title,.todo-edit-note{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);outline:none;flex:1;padding:8px 12px;font-size:14px;transition:all .2s ease-out}.todo-edit-title{min-width:120px;font-weight:650}.todo-edit-time,.todo-edit-priority{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);outline:none;padding:8px 10px;font-size:13px;transition:all .2s ease-out}.todo-edit-title:focus,.todo-edit-time:focus,.todo-edit-priority:focus,.todo-edit-note:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.todo-edit-save,.todo-edit-cancel{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;line-height:1;transition:all .2s ease-out;display:flex}.todo-edit-save{color:var(--success)}.todo-edit-save:hover{background:var(--success-bg);border-color:#16a34a38}.todo-edit-cancel{color:var(--text)}.todo-edit-cancel:hover{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.todo-edit-tags{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:200px;display:flex}.todo-edit-row{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.todo-edit-row-secondary{align-items:center;gap:10px;width:100%;margin-top:10px;display:flex}.todo-tag{border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent-strong);border:1px solid var(--accent-border);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:750;line-height:1.4;transition:all .2s ease-out;display:inline-flex}.todo-tag:hover{box-shadow:0 0 8px var(--accent-bg);background:#0d94881f}.todo-tag-remove{color:var(--accent-strong);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:opacity .15s ease-out}.todo-tag-remove:hover{opacity:.7}.todo-tags{box-sizing:border-box;flex-wrap:wrap;flex-shrink:0;gap:4px;width:100%;margin-top:2px;padding-left:32px;display:flex}.todo-edit-new-tag{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:80px;color:var(--text-h);outline:none;padding:4px 8px;font-size:12px;transition:border-color .2s ease-out}.todo-edit-new-tag:focus{border-color:var(--accent)}.todo-rule-popup{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;transform-origin:100% 0;min-width:170px;margin-top:4px;padding:12px 16px;font-size:12px;animation:.15s ease-out both scaleIn;position:absolute;top:100%;right:10px}.todo-rule-popup-title{color:var(--text-h);margin-bottom:6px;font-size:13px;font-weight:750}.todo-rule-popup-freq{color:var(--text);margin-bottom:10px}.todo-rule-popup-stop{border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-bg);width:100%;color:var(--danger);cursor:pointer;padding:7px;font-size:12px;font-weight:700;transition:all .2s ease-out}.todo-rule-popup-stop:hover{background:#dc26261f;box-shadow:0 0 8px #dc26261a}@media (width<=460px){.todo-item{align-items:flex-start;gap:8px}.todo-check-label{align-items:flex-start}.todo-title,.todo-note{white-space:normal}.todo-edit-title,.todo-edit-note{min-width:0}}.recurrence-picker{background:linear-gradient(135deg, var(--surface) 0%, var(--card-bg) 100%);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;grid-column:1/-1;gap:10px;padding:14px;animation:.2s ease-out fadeIn;display:flex}.recurrence-toggle{cursor:pointer;color:var(--text);border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;font-family:inherit;font-size:13px;font-weight:500;transition:color .2s ease-out;display:flex}.recurrence-toggle:hover{color:var(--accent)}.recurrence-toggle-icon{font-size:16px;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-block}.recurrence-toggle:hover .recurrence-toggle-icon{transform:rotate(45deg)}.recurrence-body{opacity:0;flex-direction:column;gap:10px;max-height:0;transition:max-height .3s ease-out,opacity .25s ease-out;display:flex;overflow:hidden}.recurrence-body-open{opacity:1;max-height:500px}.recurrence-options{flex-wrap:wrap;gap:6px;display:flex}.recurrence-freq-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:700;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .2s ease-out,background .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}.recurrence-freq-btn:hover{border-color:var(--accent-border);box-shadow:var(--shadow-xs);transform:scale(1.02)}.recurrence-freq-btn:active{transform:scale(.98)}.recurrence-freq-btn-active{border-color:var(--accent-border);background:linear-gradient(135deg, var(--accent-bg) 0%, transparent 100%);color:var(--accent-strong);box-shadow:var(--shadow-xs);border-width:1.5px}.recurrence-custom{border-top:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;padding-top:6px;display:flex}.recurrence-custom>span{color:var(--muted);font-size:12px;font-weight:500}.recurrence-interval-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);width:52px;color:var(--text-h);text-align:center;outline:none;padding:6px 8px;font-size:13px;transition:border-color .2s ease-out,box-shadow .2s ease-out}.recurrence-interval-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.recurrence-unit-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-h);cursor:pointer;outline:none;padding:6px 10px;font-size:13px;transition:border-color .2s ease-out,box-shadow .2s ease-out}.recurrence-unit-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.recurrence-weekdays{gap:5px;display:flex}.recurrence-weekday-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--card-bg);width:30px;height:30px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .2s ease-out,background .2s ease-out,color .2s ease-out,box-shadow .2s ease-out;display:flex}.recurrence-weekday-btn:hover{border-color:var(--accent-border);box-shadow:var(--shadow-xs);transform:scale(1.05)}.recurrence-weekday-btn:active{transform:scale(.95)}.recurrence-weekday-btn-active{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-bg) 0%, #0d948824 100%);color:var(--accent-strong);box-shadow:var(--shadow-xs)}.recurrence-end-date{color:var(--muted);border-top:1px solid var(--border-light);align-items:center;gap:8px;padding-top:4px;font-size:12px;font-weight:500;display:flex}.recurrence-end-date-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-h);outline:none;padding:6px 10px;font-size:12px;transition:border-color .2s ease-out,box-shadow .2s ease-out}.recurrence-end-date-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.todo-list{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;flex:1;padding:22px;animation:.4s ease-out both slideUp;display:flex}.todo-list-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.todo-list-title{text-align:left;letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:20px;font-weight:850}.todo-lunar-title{color:var(--muted);margin-top:2px;font-size:12px;font-weight:750;display:block}.todo-count{border:1px solid var(--accent-border);border-radius:var(--radius-full);background:var(--accent-bg);min-width:54px;color:var(--accent-strong);text-align:center;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:850}.todo-progress{border-radius:var(--radius-full);background:var(--accent-bg);height:6px;margin:-4px 0 18px;overflow:hidden}.todo-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--warm));height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);display:block;position:relative}.todo-progress span:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer;position:absolute;inset:0}.todo-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) 120px 100px 42px;gap:8px;margin-bottom:18px;padding:12px;display:grid;box-shadow:inset 0 1px 3px #0000000a}.todo-input,.todo-time-input,.todo-priority-input,.todo-note-input{height:40px}.todo-input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;font-size:14px;font-family:var(--sans);background:var(--card-bg);color:var(--text-h);outline:none;padding:10px 14px;transition:border-color .2s ease-out,box-shadow .2s ease-out,background .2s ease-out}.todo-input::placeholder{color:var(--muted);opacity:.7}.todo-input:focus{background:var(--card-bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg), var(--shadow-glow)}.todo-time-input,.todo-priority-input,.todo-note-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);width:100%;color:var(--text-h);box-sizing:border-box;outline:none;padding:10px;font-size:13px;transition:border-color .2s ease-out,box-shadow .2s ease-out}.todo-time-input{font-family:var(--mono);min-width:0}.todo-priority-input{width:100%;min-width:0;font-weight:750}.todo-note-input{width:100%;font-family:var(--sans);grid-column:1/-1}.todo-time-input:focus,.todo-priority-input:focus,.todo-note-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg), var(--shadow-glow)}.todo-form-tags{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;padding:6px 0;display:flex}.todo-tags-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);min-width:80px;color:var(--text-h);outline:none;flex:1;padding:6px 10px;font-size:13px;transition:border-color .2s ease-out,box-shadow .2s ease-out}.todo-tags-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}@keyframes btn-pulse{0%,to{box-shadow:0 6px 16px #0d948838}50%{box-shadow:0 6px 20px #0d948859}}.todo-add-btn{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-radius:var(--radius-md);width:42px;height:40px;font-size:24px;font-weight:700;font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite btn-pulse;box-shadow:0 6px 16px #0d948838}.todo-add-btn:hover{background:linear-gradient(135deg, var(--accent-strong), var(--accent));animation:none;transform:translateY(-2px);box-shadow:0 10px 24px #0d948861}.todo-add-btn:active{animation:none;transform:translateY(0);box-shadow:0 4px 12px #0d948833}.todo-items{flex-direction:column;flex:1;gap:8px;min-height:260px;padding-right:2px;display:flex;overflow-y:auto}.todo-filters{gap:8px;margin-bottom:14px;display:flex}.todo-tag-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.todo-filters button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text);cursor:pointer;border-bottom:2px solid #0000;flex:1;font-size:13px;font-weight:750;transition:all .2s ease-out}.todo-tag-filters button{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);height:30px;color:var(--text);cursor:pointer;padding:0 12px;font-size:12px;font-weight:750;transition:all .2s ease-out}.todo-tag-filters button:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-strong)}.todo-tag-filter-active{border-color:var(--accent-border)!important;background:var(--accent-bg)!important;color:var(--accent-strong)!important}.todo-filters button:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-strong)}.todo-filters .todo-filter-active{border-color:var(--accent-border);border-bottom-color:var(--accent);background:var(--accent-bg);color:var(--accent-strong)}.todo-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;align-items:center;gap:16px;padding:48px 24px 56px;font-size:14px;font-weight:600;display:flex}.todo-empty-icon{opacity:.55;animation:3s ease-in-out infinite float}.todo-empty-text{color:var(--muted);letter-spacing:.01em;font-size:14px;font-weight:650}@media (width<=680px){.todo-list{padding:16px}.todo-form{grid-template-columns:1fr 92px 92px 42px}.todo-list-title{font-size:18px}}@media (width<=540px){.todo-form{grid-template-columns:1fr 42px}.todo-time-input,.todo-priority-input{grid-column:1/-1;width:100%}}.overview{flex-direction:column;gap:12px;animation:.5s ease-out .2s both slideUp;display:flex}.overview-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);box-sizing:border-box;padding:16px}.overview-focus{background:linear-gradient(135deg, #0f766e2e, #d977061c), var(--card-bg);border-color:var(--accent-border);box-shadow:var(--shadow-sm), var(--shadow-glow)}.overview-kicker,.overview-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.overview-card strong{color:var(--text-h);margin-top:4px;font-size:28px;line-height:1.1;display:block}.overview-focus p,.overview-empty{color:var(--muted);margin:10px 0 0;font-size:13px}.overview-meter{border-radius:var(--radius-full);background:#0f766e1f;height:6px;margin-top:14px;position:relative;overflow:hidden}.overview-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--warm));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.overview-meter span:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%) 0 0/200% 100%;animation:2s ease-out infinite shimmer;position:absolute;inset:0}.overview-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.overview-stats .overview-card{text-align:center;border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;padding:14px 12px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex}.overview-stats .overview-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.overview-stats strong{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:24px}.overview-section-title{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:850}.overview-upcoming ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.overview-upcoming ul:before{content:"";background:linear-gradient(180deg, var(--accent-border) 0%, var(--border) 100%);border-radius:var(--radius-full);width:1px;position:absolute;top:10px;bottom:10px;left:3.5px}.overview-upcoming li{align-items:flex-start;gap:10px;min-width:0;display:flex;position:relative}.overview-dot{border-radius:var(--radius-full);background:var(--accent);z-index:1;flex-shrink:0;width:8px;height:8px;margin-top:7px;position:relative}.overview-dot-high{background:var(--danger);box-shadow:0 0 8px #dc262666}.overview-dot-low{background:var(--muted)}.overview-upcoming-copy{min-width:0}.overview-upcoming-copy strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:800;line-height:1.35;display:block;overflow:hidden}.overview-upcoming-copy small{color:var(--muted);font-size:12px}.overview-upcoming-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.overview-tag{border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent-strong);border:1px solid var(--accent-border);white-space:nowrap;padding:1px 8px;font-size:10px;font-weight:750;line-height:1.5;display:inline-block}@media (width<=680px){.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.weather-panel{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:linear-gradient(145deg, #14a0982e, #d977061f), var(--card-bg);box-shadow:var(--shadow), var(--shadow-glow);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;padding:20px;animation:.4s ease-out .15s both slideUp}.weather-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.weather-topline span{color:var(--text-h);letter-spacing:-.3px;font-size:16px;font-weight:850}.weather-city-badge{color:var(--text-h);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #ffffffa6;padding:6px 16px;font-size:13px;font-weight:750;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0000000d,inset 0 1px #ffffff80}.weather-current{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:8px 0;display:grid}.weather-icon-wrapper{justify-content:center;align-items:center;display:flex}.weather-icon{filter:drop-shadow(0 4px 14px #0000001f)drop-shadow(0 0 18px #0d94882e);font-size:64px;line-height:1}@keyframes weather-sun{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.06)rotate(6deg)}}@keyframes weather-cloud{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes weather-rain{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.65;transform:translateY(3px)}}@keyframes weather-snow{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-4px)}}@keyframes weather-thunder{0%,to{filter:brightness();transform:scale(1)}25%{filter:brightness(1.35);transform:scale(1.12)}50%{filter:brightness();transform:scale(1)}75%{filter:brightness(1.35);transform:scale(1.12)}}@keyframes weather-fog{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes weather-default{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.weather-sun{animation:3s cubic-bezier(.4,0,.2,1) infinite weather-sun}.weather-cloud{animation:3s cubic-bezier(.4,0,.2,1) infinite weather-cloud}.weather-rain{animation:1.5s cubic-bezier(.4,0,.2,1) infinite weather-rain}.weather-snow{animation:2s cubic-bezier(.4,0,.2,1) infinite weather-snow}.weather-thunder{animation:1.5s cubic-bezier(.4,0,.2,1) infinite weather-thunder}.weather-fog{animation:4s cubic-bezier(.4,0,.2,1) infinite weather-fog}.weather-default{animation:3s cubic-bezier(.4,0,.2,1) infinite weather-default}.weather-info{flex-direction:column;justify-content:center;display:flex}.weather-info strong{letter-spacing:-2px;background:linear-gradient(135deg, var(--text-h) 30%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:850;line-height:.9;display:block}.weather-info span{color:var(--accent-strong);margin-top:6px;font-size:14px;font-weight:700;display:block}.weather-meta{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;display:flex}.weather-meta span{color:var(--text);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);background:#ffffff8c;border:1px solid #ffffffa6;padding:6px 14px;font-size:12px;font-weight:700;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 1px 4px #0000000a,inset 0 1px #fff6}.weather-meta span:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000000f,inset 0 1px #ffffff80}.weather-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;display:flex}.weather-placeholder-icon{font-size:48px;animation:3s cubic-bezier(.4,0,.2,1) infinite float}.weather-placeholder span{color:var(--muted);font-size:13px}.weather-error{color:var(--danger);padding:14px 0 0;font-weight:750}.weather-search{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);background:#ffffff85;border:1px solid #ffffff73;gap:10px;margin-top:16px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff4d}.weather-search input,.weather-search button{border-radius:var(--radius-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.weather-search input{min-width:0;color:var(--text-h);text-align:center;background:#ffffffeb;border:1px solid #0000000f;outline:none;flex:1;padding:12px 16px;font-size:15px;font-weight:600;box-shadow:0 2px 8px #0000000a}.weather-search input::placeholder{color:#0000004d}.weather-search input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0d948824,0 0 16px #0d948814,0 4px 12px #0000000f}.weather-search button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:0;padding:0 22px;font-size:14px;font-weight:800;box-shadow:0 4px 14px #0d948847}.weather-search button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d948859}.weather-search button:active{transform:translateY(0);box-shadow:0 2px 8px #0d948833}[data-theme=dark] .weather-panel{background:linear-gradient(145deg, #2dd4bf1a, #f59e0b0f), var(--card-bg);border-color:var(--border)}[data-theme=dark] .weather-city-badge,[data-theme=dark] .weather-meta span{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .weather-search{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .weather-search input{background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .weather-search input::placeholder{color:#ffffff40}[data-theme=dark] .weather-search input:focus{border-color:var(--accent);background:#ffffff1a}@media (width<=680px){.weather-current{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:12px}.weather-icon-wrapper{grid-row:span 2}.weather-meta{flex-flow:wrap;grid-column:span 2;justify-content:center;gap:6px}.weather-icon{font-size:52px}.weather-info strong{font-size:42px}}.theme-toggle{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--card-bg);width:42px;height:42px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s ease-out,border-color .2s ease-out,box-shadow .25s ease-out,color .2s ease-out;display:flex}.theme-toggle:hover{background:var(--surface);border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.05)}.theme-toggle:active{transition:transform .15s cubic-bezier(.22,1,.36,1),background .1s ease-out,border-color .1s ease-out,box-shadow .1s ease-out,color .1s ease-out;transform:scale(.95)rotate(180deg)}.theme-toggle.theme-toggle-spin{transform:rotate(360deg)}.theme-toggle svg{width:20px;height:20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out;display:block}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-toggle:active svg{transform:rotate(0)}.app{flex-direction:column;gap:20px;min-height:calc(100svh - 64px);animation:.5s fadeIn;display:flex}.app-body{flex:1;grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.app-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width<=680px){.app{gap:12px;min-height:calc(100svh - 24px)}.app-body{grid-template-columns:1fr;gap:12px}.app-sidebar{gap:12px}}