:root{--bg: #fafafa;--panel: #fff;--border: #e2e2e2;--text: #1a1a1a;--muted: #737373;--accent: #2563eb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text)}#app{max-width:900px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar h1{font-size:20px;margin:0}button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}input,textarea,select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border);width:100%}.layout{display:flex;gap:16px}.sidebar{width:220px;flex-shrink:0}.main{flex:1;min-width:0}@media (max-width: 640px){.layout{flex-direction:column}.sidebar{width:100%}}.folder-item{padding:8px 10px;border-radius:8px;cursor:pointer;margin-bottom:4px}.folder-item.active{background:var(--accent);color:#fff}.task{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px}.task.subtask{margin-left:24px;border-left:3px solid var(--border)}.task-title{display:flex;align-items:center;gap:8px}.task-title input[type=checkbox]{width:auto}.task-meta{font-size:12px;color:var(--muted);margin-top:4px}.empty{color:var(--muted);padding:24px 0;text-align:center}