:root{font-family:system-ui,-apple-system,sans-serif;--radius: 10px;--radius-sm: 8px;--transition: .2s ease}:root,[data-theme=dark]{--bg: #0f1115;--panel: #1a1d24;--border: #2a2f3a;--text: #e6e9ef;--muted: #99a2b3;--accent: #4c8dff;--accent-text: #ffffff;--input-bg: #12151b;--error: #ff6b6b;--shadow: none}[data-theme=light]{--bg: #f5f7fa;--panel: #ffffff;--border: #dce1e9;--text: #1a1d24;--muted: #5b6472;--accent: #2f6fed;--accent-text: #ffffff;--input-bg: #ffffff;--error: #d1433b;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}[data-theme=mid]{--bg: #2b303b;--panel: #353b48;--border: #464d5e;--text: #e8ebf0;--muted: #aab2c0;--accent: #6ea8ff;--accent-text: #10131a;--input-bg: #2f3540;--error: #ff8f8f;--shadow: none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background-color var(--transition),color var(--transition)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.container{max-width:900px;margin:0 auto;padding:24px 20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}button{background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-sm);padding:9px 14px;font-size:14px;cursor:pointer}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}input,textarea,select{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 10px;font-size:14px;margin-top:4px}label{display:block;margin-bottom:12px;font-size:13px;color:var(--muted)}.task-image{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.error{color:var(--error)}a{color:var(--accent)}.theme-switch{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.theme-switch button{background:transparent;color:var(--muted);border:none;border-radius:0;padding:6px 10px;font-size:12px;line-height:1;transition:background-color var(--transition),color var(--transition)}.theme-switch button+button{border-left:1px solid var(--border)}.theme-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}