@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-base: #f0f4f8;--color-bg-gradient-start: #667eea;--color-bg-gradient-end: #764ba2;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);font-family:var(--font-sans);line-height:1.6;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;min-width:320px;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.2) 0%,transparent 40%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.15) 0%,transparent 30%);pointer-events:none;z-index:0}#root{width:100%;max-width:900px;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em;line-height:1.2}:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}::selection{background:#6366f14d;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root{--glass-bg: rgba(255, 255, 255, .85);--glass-bg-hover: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .15);--surface-primary: rgba(255, 255, 255, .9);--surface-secondary: rgba(248, 250, 252, .8);--surface-tertiary: rgba(241, 245, 249, .9);--surface-hover: rgba(255, 255, 255, 1);--surface-active: rgba(248, 250, 252, 1);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #6366f1;--accent-primary-light: #818cf8;--accent-primary-dark: #4f46e5;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);--color-danger: #ef4444;--color-danger-light: #fca5a5;--color-danger-bg: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-light: #fcd34d;--color-warning-bg: rgba(245, 158, 11, .1);--color-success: #10b981;--color-success-light: #6ee7b7;--color-success-bg: rgba(16, 185, 129, .1);--color-info: #3b82f6;--color-info-light: #93c5fd;--color-info-bg: rgba(59, 130, 246, .1);--priority-high: #ef4444;--priority-high-bg: rgba(239, 68, 68, .12);--priority-high-border: rgba(239, 68, 68, .3);--priority-medium: #f59e0b;--priority-medium-bg: rgba(245, 158, 11, .12);--priority-medium-border: rgba(245, 158, 11, .3);--priority-low: #10b981;--priority-low-bg: rgba(16, 185, 129, .12);--priority-low-border: rgba(16, 185, 129, .3);--border-color: rgba(148, 163, 184, .2);--border-color-focus: rgba(99, 102, 241, .5);--border-width: 1px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-danger: 0 0 20px rgba(239, 68, 68, .3);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);--shadow-focus: 0 0 0 3px rgba(99, 102, 241, .25);--shadow-focus-danger: 0 0 0 3px rgba(239, 68, 68, .25);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--transition-fast: .15s;--transition-base: .25s;--transition-slow: .4s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}[data-theme=dark]{--glass-bg: rgba(30, 41, 59, .8);--glass-bg-hover: rgba(30, 41, 59, .9);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--surface-primary: rgba(30, 41, 59, .9);--surface-secondary: rgba(51, 65, 85, .8);--surface-tertiary: rgba(71, 85, 105, .6);--surface-hover: rgba(51, 65, 85, 1);--surface-active: rgba(71, 85, 105, .9);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0f172a;--accent-primary: #818cf8;--accent-primary-light: #a5b4fc;--accent-primary-dark: #6366f1;--priority-high: #f87171;--priority-high-bg: rgba(248, 113, 113, .15);--priority-high-border: rgba(248, 113, 113, .4);--priority-medium: #fbbf24;--priority-medium-bg: rgba(251, 191, 36, .15);--priority-medium-border: rgba(251, 191, 36, .4);--priority-low: #34d399;--priority-low-bg: rgba(52, 211, 153, .15);--priority-low-border: rgba(52, 211, 153, .4);--border-color: rgba(255, 255, 255, .1);--border-color-focus: rgba(129, 140, 248, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(129, 140, 248, .25);--shadow-focus: 0 0 0 3px rgba(129, 140, 248, .35)}.app.theme-transitioning{animation:themeFlash .8s ease-out forwards}.app{width:100%;max-width:860px;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);border:var(--border-width) solid var(--glass-border);box-shadow:var(--glass-shadow),0 0 0 1px #ffffff1a inset;overflow:hidden;animation:slideUpFadeIn .6s var(--ease-out) forwards;position:relative;transition:background .8s var(--ease-smooth),border-color .8s var(--ease-smooth),box-shadow .8s var(--ease-smooth),color .8s var(--ease-smooth)}.app:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(99,102,241,.05) 0%,transparent 100%);pointer-events:none;z-index:0}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes themeFlash{0%{box-shadow:var(--glass-shadow),0 0 0 1px #ffffff1a inset,0 0 30px #6366f166}50%{box-shadow:var(--glass-shadow),0 0 0 1px #ffffff1a inset,0 0 60px #6366f199,inset 0 0 40px #6366f11a}to{box-shadow:var(--glass-shadow),0 0 0 1px #ffffff1a inset}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:transparent;position:relative;z-index:1}.app-header h1{font-size:var(--text-2xl);font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;position:relative}.theme-toggle{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base) var(--ease-smooth);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-base) var(--ease-smooth);border-radius:inherit}.theme-toggle:after{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.theme-toggle:hover{border-color:var(--accent-primary);transform:scale(1.08);box-shadow:var(--shadow-lg),var(--shadow-glow);background:var(--surface-hover)}.theme-toggle:hover:before{opacity:.08}.theme-toggle:active{transform:scale(.96);box-shadow:var(--shadow-sm)}.theme-toggle:active:after{opacity:1}.theme-toggle::backdrop{opacity:0}.theme-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:100%;height:100%}.theme-toggle svg{width:32px;height:32px;fill:currentColor;transition:all var(--transition-base) var(--ease-spring);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.theme-toggle:hover svg{transform:rotate(20deg) scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.theme-toggle.light-mode{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-color:#ffc1074d}.theme-toggle.light-mode:hover{border-color:#ffc107;box-shadow:0 0 20px #ffc10766,var(--shadow-lg)}.theme-toggle.light-mode svg{color:#ffc107}.theme-toggle.dark-mode{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-color:#3b82f64d}.theme-toggle.dark-mode:hover{border-color:#3b82f6;box-shadow:0 0 20px #3b82f666,var(--shadow-lg)}.theme-toggle.dark-mode svg{color:#3b82f6}.todo-form{padding:var(--space-5) var(--space-8);display:flex;gap:var(--space-3);flex-wrap:wrap;background:var(--surface-secondary);border-bottom:var(--border-width) solid var(--border-color);position:relative;z-index:1}input,select{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--surface-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);outline:none;transition:all var(--transition-fast) var(--ease-smooth),background .6s var(--ease-smooth),color .6s var(--ease-smooth),border-color .6s var(--ease-smooth)}input::placeholder{color:var(--text-muted);font-weight:400}input:hover,select:hover{border-color:var(--text-muted)}input:focus,select:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);background:var(--surface-hover)}.todo-form input[type=text]{flex:1;min-width:200px}input[type=date]{min-width:130px;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);filter:var(--calendar-filter, none)}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}select{cursor:pointer;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;appearance:none;-webkit-appearance:none}button{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden;background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}button:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}button:hover{background:var(--accent-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}button.secondary,.clear-search,.timer-reset-btn{background:transparent;color:var(--text-secondary);border:var(--border-width) solid var(--border-color);box-shadow:none}button.secondary:before,.clear-search:before,.timer-reset-btn:before{display:none}button.secondary:hover,.timer-reset-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button.delete{background:var(--color-danger-bg);color:var(--color-danger);border:var(--border-width) solid transparent}button.delete:before{display:none}button.delete:hover{background:var(--color-danger);color:var(--text-inverse);box-shadow:var(--shadow-md),var(--shadow-glow-danger)}.voice-input-btn{width:44px;height:44px;min-width:44px;padding:0;background:var(--surface-primary);border:var(--border-width) solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm)}.voice-input-btn:before{display:none}.voice-input-btn:hover{background:var(--surface-hover);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-focus)}.voice-input-btn svg{width:20px;height:20px;fill:currentColor}.voice-input-btn.listening{background:var(--color-danger);border-color:var(--color-danger);color:var(--text-inverse);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 20px 8px #ef444433}}.search-filter-bar{padding:var(--space-4) var(--space-8);background:var(--surface-tertiary);border-bottom:var(--border-width) solid var(--border-color);display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;position:relative;z-index:1}.search-container{flex:1;min-width:220px;position:relative}.search-input{width:100%;padding-left:var(--space-4);padding-right:var(--space-10);background:var(--surface-primary)}.clear-search{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:28px;height:28px;min-width:auto;padding:0;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-xs);border:none;color:var(--text-muted)}.clear-search:hover{background:var(--surface-active);color:var(--text-primary)}.filter-controls{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.filter-controls label{display:none}.filter-controls select{font-size:var(--text-xs);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);background-position:right 8px center}.todo-count{padding:var(--space-3) var(--space-8);background:var(--surface-secondary);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-align:right;letter-spacing:.02em;text-transform:uppercase}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-8);background:transparent;border-bottom:var(--border-width) solid var(--border-color);transition:all var(--transition-fast) var(--ease-smooth);animation:fadeSlideIn .3s var(--ease-out) forwards;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--surface-secondary)}.todo-item.priority-high{border-left:3px solid var(--priority-high)}.todo-item.priority-medium{border-left:3px solid var(--priority-medium)}.todo-item.priority-low{border-left:3px solid var(--priority-low)}.todo-item.completed{opacity:.5}.todo-item.completed .todo-content>span:not(.priority-badge):not(.category-badge):not(.due-date-badge){text-decoration:line-through;color:var(--text-muted)}.todo-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;font-size:var(--text-sm);color:var(--text-primary)}.todo-content>span:not(.priority-badge):not(.category-badge):not(.due-date-badge){cursor:pointer;transition:color var(--transition-fast);display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;border:2px solid var(--border-color);border-radius:var(--radius-full);background:var(--surface-primary);cursor:pointer;position:relative;transition:all var(--transition-fast) var(--ease-spring)}input[type=checkbox]:hover{border-color:var(--accent-primary);background:var(--accent-primary);background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}input[type=checkbox]:checked{background:var(--accent-gradient);border-color:transparent;box-shadow:var(--shadow-sm)}input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:10px;border:2px solid var(--text-inverse);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);animation:checkmark .2s var(--ease-spring) forwards}@keyframes checkmark{0%{transform:translate(-50%,-60%) rotate(45deg) scale(0)}to{transform:translate(-50%,-60%) rotate(45deg) scale(1)}}input[type=checkbox]:focus-visible{box-shadow:var(--shadow-focus)}.priority-badge{font-size:10px;font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:var(--border-width) solid transparent}.priority-badge.priority-high{color:var(--priority-high);background:var(--priority-high-bg);border-color:var(--priority-high-border)}.priority-badge.priority-medium{color:var(--priority-medium);background:var(--priority-medium-bg);border-color:var(--priority-medium-border)}.priority-badge.priority-low{color:var(--priority-low);background:var(--priority-low-bg);border-color:var(--priority-low-border)}.category-badge{font-size:10px;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--accent-primary);border:var(--border-width) solid rgba(99,102,241,.2);white-space:nowrap}.due-date-badge{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-1)}.due-date-badge:before{content:"";width:4px;height:4px;border-radius:var(--radius-full);background:currentColor;opacity:.5}.due-date-badge.overdue{color:var(--color-danger);font-weight:600}.due-date-badge.overdue:before{background:var(--color-danger);opacity:1;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.todo-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.todo-actions button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600}.todo-actions select,.todo-actions input[type=date]{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);min-width:auto}.todo-actions select{padding-right:var(--space-6);background-position:right 6px center}.todo-actions button:not(.delete){background:var(--surface-secondary);color:var(--text-secondary);border:var(--border-width) solid var(--border-color)}.todo-actions button:not(.delete):before{display:none}.todo-actions button:not(.delete):hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted)}.edit-mode{display:flex;gap:var(--space-2);flex:1;align-items:center;flex-wrap:wrap}.edit-mode input,.edit-mode select{font-size:var(--text-sm)}.edit-mode input[type=text]{flex:1;min-width:150px}.empty-message{padding:var(--space-12) var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-base);font-weight:500;background:linear-gradient(180deg,transparent,rgba(99,102,241,.02))}.pomodoro-timer{display:inline-flex;align-items:center}.timer-controls{display:flex;align-items:center;gap:var(--space-2)}.timer-display{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-3);min-width:60px;text-align:center;background:var(--surface-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-variant-numeric:tabular-nums}.timer-display.active{background:var(--accent-gradient);border-color:transparent;color:var(--text-inverse);box-shadow:var(--shadow-glow);animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{box-shadow:0 0 10px #6366f14d}50%{box-shadow:0 0 20px #6366f180}}.timer-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:auto}.timer-reset-btn{padding:var(--space-2);min-width:auto;font-size:var(--text-xs)}.timer-reset-btn:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}@media(max-width:768px){.app-header{padding:var(--space-5) var(--space-5)}.todo-form,.search-filter-bar,.todo-item{padding:var(--space-4) var(--space-5)}.todo-count,.empty-message{padding-left:var(--space-5);padding-right:var(--space-5)}}@media(max-width:640px){.todo-form,.search-filter-bar{flex-direction:column;align-items:stretch}.todo-form input[type=text],.search-container{min-width:100%}.filter-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:calc(-1 * var(--space-2));-webkit-overflow-scrolling:touch}.filter-controls::-webkit-scrollbar{display:none}.todo-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.todo-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.todo-content{width:100%;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color: rgba(0, 0, 0, .5);--text-muted: #64748b}[data-theme=dark]{--border-color: rgba(255, 255, 255, .5)}}@media print{body{background:#fff!important;padding:0}.app{box-shadow:none;border:1px solid #ccc}.theme-toggle,.voice-input-btn,.pomodoro-timer,.todo-actions button{display:none!important}}.analytics-overlay{position:fixed;inset:0;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;padding:var(--space-4);animation:fadeIn .3s var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analytics-modal{width:100%;max-width:900px;max-height:90vh;background:var(--surface-primary);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .3s var(--ease-spring) forwards}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.analytics-header{padding:var(--space-6);border-bottom:var(--border-width) solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary)}.analytics-header h2{font-size:var(--text-xl);font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-btn{background:transparent;border:var(--border-width) solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--text-sm);transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.analytics-grid{padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);overflow-y:auto}.stat-card{background:var(--surface-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.stat-card.wide{grid-column:span 2}@media(max-width:768px){.stat-card.wide{grid-column:span 1}}.stat-card h3{font-size:var(--text-sm);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);font-family:var(--font-mono)}.stat-subtitle{font-size:var(--text-xs);color:var(--text-secondary)}.stat-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);padding:var(--space-2);background:var(--surface-primary);border-radius:var(--radius-xs)}.no-data{color:var(--text-muted);font-style:italic;font-size:var(--text-sm);text-align:center;padding:var(--space-4)}.chart-container{width:100%;height:120px;margin-top:var(--space-4)}.chart-svg{width:100%;height:100%;overflow:visible}.chart-bar{fill:var(--accent-primary);opacity:.8;transition:all var(--transition-base)}.chart-bar:hover{opacity:1;filter:brightness(1.1)}.chart-label{font-size:10px;fill:var(--text-muted);font-family:var(--font-mono)}.chart-label-small{font-size:8px;fill:var(--text-muted);font-family:var(--font-mono)}.chart-value{font-size:10px;fill:var(--text-primary);font-weight:600}.recommendations-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:var(--accent-primary)}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.recommendations-list li{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-2) 0;border-bottom:1px dashed var(--border-color);display:flex;gap:var(--space-2)}.recommendations-list li:last-child{border-bottom:none}.recommendations-list li:before{content:"💡";font-size:1.2em}.analytics-toggle{width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface-secondary);border:var(--border-width) solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.analytics-toggle:hover{background:var(--surface-hover);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-toggle svg{width:20px;height:20px;fill:currentColor}