:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-primary: #0A0A0A;--bg-secondary: #1A1A1A;--bg-elevated: #2A2A2A;--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-tertiary: #B0B0B0;--text-disabled: #808080;--accent-primary: #00D4FF;--accent-primary-hover: #33DDFF;--accent-success: #00FF88;--accent-warning: #FFB800;--accent-danger: #FF6B6B;--border-primary: #444444;--border-secondary: #333333;--border-subtle: #2A2A2A;--shadow-light: rgba(255, 255, 255, .1);--shadow-dark: rgba(0, 0, 0, .5);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--accent-primary-hover)}a:focus{outline:2px solid var(--accent-primary);outline-offset:2px}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-primary);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--accent-primary);background-color:var(--bg-elevated)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:disabled{background-color:var(--bg-secondary);color:var(--text-disabled);border-color:var(--border-subtle);cursor:not-allowed;opacity:.6}@media (prefers-color-scheme: light){:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-elevated: #F1F3F4;--text-primary: #1A1A1A;--text-secondary: #333333;--text-tertiary: #666666;--text-disabled: #999999;--accent-primary: #0066CC;--accent-primary-hover: #004499;--accent-success: #00AA44;--accent-warning: #CC7700;--accent-danger: #CC3333;--border-primary: #CCCCCC;--border-secondary: #E0E0E0;--border-subtle: #F0F0F0;--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .2);color:var(--text-primary);background-color:var(--bg-primary)}}@media (max-width: 768px){:root{--mobile-font-base: 16px;--mobile-font-large: 18px;--mobile-touch-target: 44px}body{font-size:var(--mobile-font-base)}button{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);font-size:var(--mobile-font-base)}@media (prefers-color-scheme: dark){:root{--text-secondary: #F0F0F0;--border-primary: #555555}}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-elevated{background-color:var(--bg-elevated)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-subtle{border-color:var(--border-subtle)}.accent-primary{color:var(--accent-primary)}.accent-success{color:var(--accent-success)}.accent-warning{color:var(--accent-warning)}.accent-danger{color:var(--accent-danger)}@media (prefers-contrast: high){:root{--text-primary: #FFFFFF;--bg-primary: #000000;--border-primary: #FFFFFF;--accent-primary: #FFFF00}}input:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-color:var(--accent-primary)}input:hover{border-color:var(--border-primary)}.task-button:hover{background-color:var(--bg-elevated);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-dark)}.check-button:hover{background-color:var(--bg-elevated);border-color:var(--accent-success);transform:scale(1.05)}.edit-button:hover,.menu-button:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.tab-button:hover{background-color:var(--bg-elevated)}.reality-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-dark)}.loading{opacity:.7;pointer-events:none}.disabled{opacity:.5;cursor:not-allowed}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.subtask-container:hover{box-shadow:0 4px 12px var(--shadow-dark);border-color:var(--border-primary);transform:translateY(-1px)}.subtask-container:hover .subtask-upper-row{background-color:var(--bg-elevated)}.subtask-container:hover .subtask-lower-row{background-color:var(--bg-secondary)}#root{max-width:1280px;margin:0 auto;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#b0b0b0}