.app{min-height:100vh;background:#1f1f1f;color:#eee;padding:24px;display:flex;justify-content:center;align-items:flex-start}.card{width:min(760px,100%);background:#2a2a2a;border-radius:12px;padding:20px;box-shadow:0 8px 24px #00000059}.title{margin:8px 0 16px;font-size:28px}.muted{opacity:.75}.topRow{display:flex;justify-content:flex-start;margin-bottom:8px}.addRow,.filterRow{margin:12px 0}.addForm{display:flex;gap:10px;align-items:center}.textInput{flex:1;min-width:180px;padding:10px 12px;border-radius:10px;border:1px solid #444;background:#1f1f1f;color:#eee;outline:none}.textInput:focus{border-color:#666}.btn,.primaryBtn,.dangerBtn{padding:10px 12px;border-radius:10px;border:1px solid #444;background:#1f1f1f;color:#eee;cursor:pointer}.btn:not(:disabled):hover,.primaryBtn:not(:disabled):hover,.dangerBtn:not(:disabled):hover{border-color:#666}.btn:disabled,.primaryBtn:disabled,.dangerBtn:disabled{opacity:.5;cursor:not-allowed}.primaryBtn{border-color:#555}.dangerBtn,.btn.danger{border-color:#6b3b3b}.list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.taskRow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:#242424;border:1px solid #3a3a3a}.taskText{display:flex;align-items:center;gap:10px;min-width:0}.taskTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.pill{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #555;opacity:.9}.pill.open{border-color:#3f6b3f}.pill.closed{border-color:#6b3b3b}.actions{display:flex;gap:8px;flex-wrap:wrap}