:root{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #cccccc;--button-bg: #f5f5f5;--button-hover: #e8e8e8;--button-text: #666666;--input-bg: #ffffff;--error-color: #dc3545;--accent-color: #ff9800;--drop-highlight: #f0f0f0;--drop-border: #007bff;--list-color-default: transparent;--list-color-red: #ffe5e5;--list-color-orange: #fff0e0;--list-color-yellow: #fffbe6;--list-color-green: #e8f5e8;--list-color-teal: #e0f7fa;--list-color-blue: #e3f2fd;--list-color-purple: #f3e5f5;--list-color-pink: #fce4ec;--list-color-gray: #f5f5f5}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #707070;--border-color: #404040;--button-bg: #252525;--button-hover: #303030;--button-text: #a0a0a0;--input-bg: #2a2a2a;--error-color: #ff6b6b;--accent-color: #ffa726;--drop-highlight: #0003;--drop-border: #0d6efd;--list-color-default: transparent;--list-color-red: #3d1f1f;--list-color-orange: #3d2a1a;--list-color-yellow: #3d3a1a;--list-color-green: #1f3d1f;--list-color-teal: #1a3a3d;--list-color-blue: #1a2a3d;--list-color-purple: #331a3d;--list-color-pink: #3d1a33;--list-color-gray: #2f2f2f}}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary)}input,textarea,button{font-family:inherit;font-size:14px;padding:8px;margin:2px;box-sizing:border-box}button{cursor:pointer;background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);border-radius:4px;display:inline-flex;gap:5px;align-items:center;margin:0}button:hover{background:var(--button-hover)}.project-menu-option{width:100%;text-align:left;padding:8px 12px;border:none;border-radius:0;font-size:14px}.project-menu-option:hover{background:var(--button-hover)!important}input[type=text],input[type=password],textarea{border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);margin:0}input[type=checkbox]{cursor:pointer}.todo-task{padding:5px 0}.todo-task:hover{background:#8080801a}.todo-task button{visibility:hidden}.todo-task:hover button,.todo-task:has(.task-project-menu) button,.todo-task:has(.tracked-task-menu) button{visibility:visible}.list-header button{visibility:hidden}.list-container:hover .list-header button,.list-header:has(.list-menu) button{visibility:visible}.h-flex,.h-flex-inline{display:flex;align-items:center;gap:5px}.app-root{display:flex;flex-direction:column;gap:10px;padding:20px;height:calc(100vh - 40px)}.main{display:flex;flex-direction:row;gap:20px;justify-content:center;overflow:hidden;flex:1}.section{flex:1;overflow-y:auto;padding-right:10px;max-width:600px}.hamburger-menu{position:absolute;top:100%;right:0;margin-top:5px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;min-width:140px;box-shadow:0 2px 8px #00000026;z-index:1000}.hamburger-menu button{width:100%;text-align:left;padding:10px 12px;border:none;border-radius:0;background:transparent;justify-content:flex-start}.hamburger-menu button:first-child{border-radius:4px 4px 0 0}.hamburger-menu button:last-child{border-radius:0 0 4px 4px}.hamburger-menu button:hover{background:var(--button-hover)}@media(max-width:870px){.app-root{height:auto}.main{flex-direction:column;height:auto;overflow:visible}.section{height:auto;overflow-y:visible;padding-right:0}}