.timer[data-v-abe90637]{text-align:center;padding:10px}h2[data-v-abe90637]{margin-bottom:10px;font-size:24px;color:var(--text-primary)}.time-display[data-v-abe90637]{font-size:48px;font-weight:700;margin:20px 0;font-family:monospace;color:var(--text-primary)}.timer-controls[data-v-abe90637]{display:flex;justify-content:center;gap:10px}@media (max-width: 480px){.time-display[data-v-abe90637]{font-size:36px}}.task-list[data-v-38a21b57]{margin-top:20px;width:100%}h2[data-v-38a21b57]{margin-bottom:15px;text-align:center;color:var(--text-primary)}.add-task[data-v-38a21b57]{display:flex;margin-bottom:15px;gap:10px}.add-task input[data-v-38a21b57]{flex:1}.add-task select[data-v-38a21b57]{width:120px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.task-filters[data-v-38a21b57]{display:flex;gap:10px;margin-bottom:15px}.task-filters select[data-v-38a21b57]{flex:1;padding:5px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.tasks[data-v-38a21b57]{max-height:300px;overflow-y:auto}.empty-tasks[data-v-38a21b57]{text-align:center;color:var(--text-secondary);padding:20px 0}.task-item[data-v-38a21b57]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-left:4px solid transparent;border-bottom:1px solid var(--border-color);transition:background-color .3s;color:var(--text-primary)}.task-item[data-v-38a21b57]:hover{background-color:var(--bg-secondary)}.priority-high[data-v-38a21b57]{border-left-color:var(--btn-danger-bg)}.priority-medium[data-v-38a21b57]{border-left-color:var(--btn-warning-bg)}.priority-low[data-v-38a21b57]{border-left-color:var(--btn-primary-bg)}.task-content[data-v-38a21b57]{display:flex;align-items:center;flex:1;cursor:pointer}.task-content input[data-v-38a21b57]{margin-right:10px;width:auto;accent-color:var(--btn-primary-bg)}.task-details[data-v-38a21b57]{display:flex;flex-direction:column;gap:4px}.task-category[data-v-38a21b57]{font-size:12px;background-color:var(--bg-secondary);padding:2px 6px;border-radius:12px;display:inline-block;color:var(--text-secondary);border:1px solid var(--border-color)}.completed .task-text[data-v-38a21b57]{text-decoration:line-through;color:var(--text-secondary)}.delete-btn[data-v-38a21b57]{padding:5px 10px;font-size:14px}h1[data-v-53029d7e]{margin-bottom:20px;color:var(--text-primary);text-align:center}.theme-toggle[data-v-53029d7e]{position:fixed;top:20px;right:20px}.theme-btn[data-v-53029d7e]{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;background-color:var(--bg-secondary);box-shadow:0 2px 5px var(--shadow-color);transition:transform .3s}.theme-btn[data-v-53029d7e]:hover{transform:scale(1.1)}.mode-buttons[data-v-53029d7e]{display:flex;justify-content:center;margin:15px 0;flex-wrap:wrap}.mode-buttons button[data-v-53029d7e]{margin:5px}.mode-buttons button.active[data-v-53029d7e]{opacity:.7;box-shadow:inset 0 0 5px var(--shadow-color)}.stats[data-v-53029d7e]{text-align:center;margin-top:15px;font-size:16px;color:var(--text-primary)}.stats p[data-v-53029d7e]{margin:5px 0}:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #dddddd;--shadow-color: rgba(0, 0, 0, .1);--btn-primary-bg: #4caf50;--btn-secondary-bg: #2196f3;--btn-danger-bg: #f44336;--btn-warning-bg: #ff9800;--btn-text: #ffffff;--work-mode-bg: #ffebee;--short-break-mode-bg: #e8f5e9;--long-break-mode-bg: #e3f2fd}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #333333;--shadow-color: rgba(255, 255, 255, .1);--btn-primary-bg: #388e3c;--btn-secondary-bg: #1976d2;--btn-danger-bg: #d32f2f;--btn-warning-bg: #f57c00;--btn-text: #ffffff;--work-mode-bg: #311b1b;--short-break-mode-bg: #1b311b;--long-break-mode-bg: #1b2632}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.container{max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary);transition:background-color .3s}button{cursor:pointer;padding:8px 16px;margin:5px;border:none;border-radius:4px;font-size:16px;transition:all .3s}button:hover{opacity:.8}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-text)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-text)}.btn-danger{background-color:var(--btn-danger-bg);color:var(--btn-text)}.btn-warning{background-color:var(--btn-warning-bg);color:var(--btn-text)}input{padding:8px;margin:5px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;width:100%;background-color:var(--bg-secondary);color:var(--text-primary)}.card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);padding:20px;margin:10px 0;width:100%;color:var(--text-primary);transition:background-color .3s,color .3s}@media (max-width: 768px){.container{padding:10px}.card{padding:15px}}.work-mode{background-color:var(--work-mode-bg)}.short-break-mode{background-color:var(--short-break-mode-bg)}.long-break-mode{background-color:var(--long-break-mode-bg)}