:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef0f3;--text: #1c1e21;--text-2: #5c6470;--border: #e3e6ea;--accent: #2563eb;--accent-weak: #dbeafe;--danger: #dc2626;--success: #16a34a;--warn: #d97706;--radius: 10px}html.dark{--bg: #101214;--surface: #1a1d21;--surface-2: #23272c;--text: #e8eaed;--text-2: #9aa3ad;--border: #2c3138;--accent: #3b82f6;--accent-weak: #1e3a5f;--danger: #ef4444;--success: #22c55e;--warn: #f59e0b}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.muted{color:var(--text-2)}a{color:var(--accent);text-decoration:none}.row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px}.row:hover{background:var(--surface-2)}.done-text{text-decoration:line-through;color:var(--text-2)}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 14px;cursor:pointer}.primary-btn:hover{opacity:.92}.ghost-btn{border:1px solid var(--border);background:none;color:var(--text);border-radius:8px;padding:6px 14px;cursor:pointer}.ghost-btn:hover{background:var(--surface-2)}.ghost-btn.on{color:var(--accent);border-color:var(--accent)}.mini-btn{background:none;border:1px solid var(--border);color:var(--text-2);border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer}.mini-btn:hover{background:var(--surface-2)}.tag-chip{font-size:11px;background:var(--accent-weak);color:var(--accent);border-radius:6px;padding:1px 7px;font-weight:400}.type-chip{font-size:11px;color:var(--text-2);background:var(--surface-2);border-radius:6px;padding:1px 7px}.empty-state{text-align:center;padding:44px 16px}.filter{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}button{font-family:inherit}