:root{--bg: #12121a;--surface: #1c1c26;--border: #2e2e3d;--text: #e8e8f0;--muted: #8b8ba3;--accent: #e5533d;--accent-hover: #f06a55;--on-accent: #ffffff;--success: #4ade80;--danger: #f87171;--focus: #e5533d;--short-break: #4ade80;--long-break: #60a5fa;--radius: 10px;--radius-large: 18px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:.5rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}input[type=text],input[type=number],select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}input:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}