[data-theme=dark]{--bg-primary: #0a0a1a;--bg-secondary: #0d1033;--bg-tertiary: #1a1a4e;--bg-accent: #2d1b4e;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .2);--glass-glow: rgba(138, 43, 226, .15);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--accent: #a78bfa;--accent-light: #c4b5fd;--accent-glow: rgba(167, 139, 250, .4);--gradient-accent: linear-gradient(135deg, #667eea 0%, #a78bfa 50%, #c084fc 100%);--gradient-bg: linear-gradient(135deg, #0a0a1a 0%, #0d1033 25%, #1a1a4e 50%, #2d1b4e 75%, #0a0a1a 100%);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .12);--input-focus-ring: rgba(167, 139, 250, .35);--input-focus-border: rgba(167, 139, 250, .55);--btn-primary-bg: linear-gradient(135deg, #667eea 0%, #a78bfa 55%, #c084fc 100%);--btn-primary-text: #0a0a1a;--btn-primary-shadow: 0 12px 30px rgba(0, 0, 0, .35), 0 0 24px var(--accent-glow);--btn-primary-shadow-hover: 0 16px 36px rgba(0, 0, 0, .4), 0 0 32px var(--accent-glow);--btn-shine: rgba(255, 255, 255, .35);--error-bg: rgba(239, 68, 68, .12);--error-border: rgba(239, 68, 68, .25);--error-text: #fca5a5;--checkbox-border: rgba(255, 255, 255, .3)}[data-theme=light]{--bg-primary: #fafbff;--bg-secondary: #f5f7ff;--bg-tertiary: #eef1ff;--bg-accent: #e8ecff;--glass-bg: rgba(255, 255, 255, .45);--glass-bg-hover: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .55);--glass-border-hover: rgba(255, 255, 255, .75);--glass-glow: rgba(99, 102, 241, .08);--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-tertiary: #7a7a9a;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-bg: linear-gradient(135deg, #fafbff 0%, #f0f3ff 25%, #e8ecff 50%, #f0f3ff 75%, #fafbff 100%);--input-bg: rgba(255, 255, 255, .7);--input-border: rgba(99, 102, 241, .18);--input-focus-ring: rgba(99, 102, 241, .25);--input-focus-border: rgba(99, 102, 241, .45);--btn-primary-bg: linear-gradient(135deg, #3b3ff0 0%, #6d5ef6 55%, #a78bfa 100%);--btn-primary-text: #f6f7ff;--btn-primary-shadow: 0 10px 24px rgba(0, 0, 0, .18);--btn-primary-shadow-hover: 0 16px 32px rgba(0, 0, 0, .22);--btn-shine: rgba(255, 255, 255, .55);--error-bg: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .2);--error-text: #dc2626;--checkbox-border: rgba(99, 102, 241, .35)}:root{--blur-sm: 10px;--blur-md: 20px;--blur-lg: 40px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-full: 9999px;--transition: .4s cubic-bezier(.25, .46, .45, .94);--transition-fast: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,PingFang SC,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden;transition:background var(--transition),color var(--transition)}#root{min-height:100vh}.bg-animated{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:var(--gradient-bg);background-size:200% 200%;animation:gradientMove 20s ease infinite;transition:background var(--transition)}.bg-animated:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 25% 25%,var(--glass-glow) 0%,transparent 50%),radial-gradient(ellipse at 75% 75%,var(--glass-glow) 0%,transparent 50%);animation:orbFloat 15s ease-in-out infinite}[data-theme=dark] .bg-animated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 30% 65%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 70% 40%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.25) 0%,transparent 100%);animation:twinkle 6s ease-in-out infinite}@keyframes gradientMove{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(2%,-2%)}}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;transition:all var(--transition)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 12px 48px #00000026}.navbar{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 3rem);max-width:720px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:0 18px 42px #0003;overflow:hidden;isolation:isolate;transition:all var(--transition)}.navbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff1f,#fff0);opacity:.7;pointer-events:none}.navbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff38;pointer-events:none}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;position:relative;z-index:1}.nav-logo{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.nav-logo svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.nav-right{display:flex;align-items:center;gap:.5rem}.theme-toggle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 4px 12px #0000001a;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden;flex-shrink:0}.theme-toggle:hover{background:var(--glass-bg-hover);color:var(--accent);transform:translateY(-1px) scale(1.03)}.theme-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff47;pointer-events:none}.theme-toggle svg{width:20px;height:20px}.icon-sun,.icon-moon{display:none}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:block}@media (hover: hover) and (pointer: fine){.navbar:hover{transform:translate(-50%) translateY(-2px) scale(1.01)}}.page{max-width:980px;margin:0 auto;padding:100px 24px 72px;display:flex;flex-direction:column;gap:32px;animation:fadeUp .6s ease}.workspace-header{display:flex;align-items:center}.stats-row{display:flex;gap:8px;width:100%}.stat-inline{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition)}.stat-inline span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.stat-inline strong{font-size:1.1rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workspace{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:20px}.ai-panel{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:18px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));display:flex;flex-direction:column;gap:16px}.ai-key{border:1px dashed var(--glass-border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--glass-bg)}.ai-key-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.ai-key-indicator{font-size:.75rem;padding:4px 10px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-tertiary)}.ai-key-indicator.ready{background:#a78bfa26;border-color:#a78bfa4d;color:var(--accent)}.ai-key-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ai-key-row input{flex:1 1 240px;border-radius:var(--radius-sm);border:1px solid var(--input-border);padding:10px 12px;font-size:.95rem;font-family:inherit;background:var(--input-bg);color:var(--text-primary);transition:all var(--transition-fast)}.ai-key-row input:focus{outline:2px solid var(--input-focus-ring);border-color:var(--input-focus-border)}.ai-key-row button{border:none;border-radius:var(--radius-sm);padding:9px 14px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.ai-key-row button:hover{transform:scale(1.03)}.ai-key-help{margin:0;font-size:.85rem;color:var(--text-tertiary)}.ai-key-status{font-size:.85rem;color:var(--accent)}.ai-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.ai-header h2{margin:0 0 6px;font-size:1.2rem}.ai-header p{margin:0;color:var(--text-secondary);max-width:46ch;line-height:1.5}.ai-badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent);font-weight:600;padding:6px 12px;border-radius:var(--radius-full);font-size:.85rem}.ai-form{display:flex;flex-direction:column;gap:12px}.ai-form textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--input-border);padding:12px 14px;font-size:1rem;font-family:inherit;background:var(--input-bg);color:var(--text-primary);resize:vertical;min-height:96px;transition:all var(--transition-fast)}.ai-form textarea:focus{outline:2px solid var(--input-focus-ring);border-color:var(--input-focus-border)}.ai-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-actions button{border:none;border-radius:var(--radius-sm);padding:10px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-family:inherit;cursor:pointer;box-shadow:var(--btn-primary-shadow);transition:all var(--transition-fast);position:relative;overflow:hidden}.ai-actions button:hover{transform:scale(1.03);box-shadow:var(--btn-primary-shadow-hover)}.ai-panel .ghost{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);box-shadow:none}.ai-panel .ghost:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.ai-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ai-status{font-size:.85rem;color:var(--text-tertiary)}.ai-error{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem}.ai-suggestions{display:flex;flex-direction:column;gap:12px}.ai-suggestions-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-weight:600}.ai-suggestions-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-suggestions-actions button{border:none;border-radius:var(--radius-full);padding:6px 14px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.ai-suggestions-actions button:hover{transform:scale(1.04)}.ai-suggestions-actions .ghost{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.ai-suggestions-actions .ghost:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.ai-suggestions ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ai-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--transition-fast)}.ai-suggestion:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.ai-suggestion span{flex:1}.ai-suggestion button{border:none;background:#a78bfa26;color:var(--accent);border-radius:var(--radius-full);padding:6px 12px;cursor:pointer;font-weight:600;font-family:inherit;transition:all var(--transition-fast)}.ai-suggestion button:hover{background:#a78bfa40}.input-row{display:flex;gap:12px;flex-wrap:wrap}.input-row input{flex:1 1 260px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--input-border);font-size:1rem;font-family:inherit;background:var(--input-bg);color:var(--text-primary);transition:all var(--transition-fast)}.input-row input:focus{outline:2px solid var(--input-focus-ring);border-color:var(--input-focus-border)}.input-row button{border:none;border-radius:var(--radius-sm);padding:14px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--btn-primary-shadow);position:relative;overflow:hidden}.input-row button:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--btn-primary-shadow-hover)}.add-options{display:flex;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);animation:fadeIn .2s ease}.add-option-group{display:flex;align-items:center;gap:8px}.add-option-group label{font-size:.8rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap}.priority-selector,.tag-selector{display:flex;gap:4px}.priority-btn,.tag-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);border-radius:var(--radius-full);padding:4px 10px;font-size:.78rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.priority-btn:hover,.tag-btn:hover{background:var(--glass-bg-hover)}.priority-btn.selected,.tag-btn.selected{color:var(--btn-primary-text);border-color:transparent}.priority-btn.priority-high.selected{background:#ef4444;color:#fff}.priority-btn.priority-medium.selected{background:#f59e0b;color:#fff}.priority-btn.priority-low.selected{background:#22c55e;color:#fff}.tag-btn.selected{background:var(--btn-primary-bg)}.date-input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:var(--radius-sm);padding:4px 8px;font-size:.85rem;font-family:inherit;transition:all var(--transition-fast)}.date-input:focus{outline:2px solid var(--input-focus-ring);border-color:var(--input-focus-border)}.add-options-close{border:none;background:transparent;color:var(--text-tertiary);font-size:.8rem;font-family:inherit;cursor:pointer;margin-left:auto;transition:color var(--transition-fast)}.add-options-close:hover{color:var(--text-primary)}.filters{display:flex;gap:8px;flex-direction:column}.filter-group{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.filter-group button{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);border-radius:var(--radius-full);padding:4px 12px;font-size:.82rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.filter-group button:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.filter-group button.active{background:var(--btn-primary-bg);border-color:transparent;color:var(--btn-primary-text)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.todo{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--transition-fast)}.todo:hover{transform:translateY(-1px);background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 12px 24px #0000001a}.todo input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.drag-handle{color:var(--text-tertiary);cursor:grab;opacity:.4;transition:opacity var(--transition-fast);flex-shrink:0;display:flex;align-items:center}.drag-handle:hover{opacity:.8}.todo:active .drag-handle{cursor:grabbing}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.priority-dot.priority-high{background:#ef4444;box-shadow:0 0 6px #ef444480}.priority-dot.priority-medium{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.priority-dot.priority-low{background:#22c55e;box-shadow:0 0 6px #22c55e66}.todo-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.todo-text>span{font-size:.95rem}.todo-text span.done{text-decoration:line-through;color:var(--text-tertiary)}.todo-meta{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag-pill{padding:1px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.tag-pill.tag-工作{background:#6366f126;border-color:#6366f14d;color:#818cf8}.tag-pill.tag-生活{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.tag-pill.tag-学习{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.tag-pill.tag-健康{background:#ec489926;border-color:#ec48994d;color:#f472b6}.due-date{font-size:.72rem}.due-date.overdue{color:#ef4444;font-weight:600}.due-date.due-today{color:#f59e0b;font-weight:600}.todo-overdue{border-color:#ef44444d}.todo-overdue:hover{border-color:#ef444480}.todo-due-today{border-color:#f59e0b4d}.stat-overdue strong{background:linear-gradient(135deg,#ef4444,#f87171)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.todo-actions button{border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:6px 8px;border-radius:8px;font-family:inherit;transition:all var(--transition-fast)}.todo-actions button:hover{color:var(--error-text);background:var(--error-bg)}.empty{text-align:center;color:var(--text-tertiary);padding:28px 0;border:1px dashed var(--glass-border);border-radius:var(--radius-md)}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-tertiary);font-size:.9rem}.clear{border:none;background:transparent;color:var(--accent);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.clear:hover{color:var(--accent-light)}.clear:disabled{color:var(--text-tertiary);opacity:.5;cursor:not-allowed}.tts-panel{border-top:1px solid var(--glass-border);margin-top:8px;padding-top:18px}.tts-badge{background:#ec48991f!important;border-color:#ec489940!important;color:#f472b6!important}.tts-style-section{display:flex;flex-direction:column;gap:8px}.tts-style-section label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.tts-style-selector{display:flex;gap:6px;flex-wrap:wrap}.tts-btn{border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.tts-btn:hover{color:var(--accent);background:#a78bfa1f}.tts-btn.playing{color:#f472b6;animation:ttsPulse 1.2s ease-in-out infinite}.tts-btn:disabled{cursor:wait}@keyframes ttsPulse{0%,to{opacity:1}50%{opacity:.5}}.tts-loading{display:inline-block;width:14px;height:14px;border:2px solid var(--text-tertiary);border-top-color:var(--accent);border-radius:50%;animation:ttsSpinner .6s linear infinite}@keyframes ttsSpinner{to{transform:rotate(360deg)}}.tts-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);font-size:.85rem}.tts-error button{border:none;background:transparent;color:var(--error-text);cursor:pointer;font-family:inherit;font-size:.8rem;padding:2px 8px;border-radius:4px;transition:background var(--transition-fast)}.tts-error button:hover{background:#ef444426}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.modal{width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000004d;animation:modalSlideUp .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--glass-border)}.modal-header h2{margin:0;font-size:1.15rem}.modal-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.modal-body{padding:20px}.modal-body .ai-panel{border:none;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.navbar{top:.5rem;width:calc(100% - 1.5rem);max-width:420px}.page{padding:68px 12px 24px;gap:12px}.workspace{padding:14px;gap:12px}.stats-row{gap:6px}.stat-inline{padding:6px 8px}.input-row button{padding:12px 14px}.todo{padding:10px;gap:8px}.drag-handle{display:none}.list{gap:8px}.empty{padding:20px 0}.footer{font-size:.8rem}.add-options{gap:8px;padding:10px}.filter-group button{padding:3px 10px;font-size:.78rem}}