:root{--bg:#111;--bg-raised:#181818;--bg-card:#1c1c1c;--border:#2a2a2a;--accent:#d85a30;--accent-hover:#ea6c40;--text:#e8e6e0;--text-dim:#9a978f;--text-faint:#5f5d57;--low:#6b9e78;--medium:#d8a530;--high:#d85a30}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;margin:0 auto;padding:48px 20px 80px}.app-header{margin-bottom:36px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:600}.app-header h1{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(28px,5vw,38px);font-weight:700}.lede{color:var(--text-dim);max-width:520px;font-size:14px;line-height:1.6}.board-toolbar{justify-content:flex-end;margin-bottom:16px;display:flex}.reset-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600}.reset-btn:hover{border-color:var(--accent);color:var(--text)}.board{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=800px){.board{grid-template-columns:1fr}}.column{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;min-height:200px;padding:14px;transition:border-color .15s,background .15s;display:flex}.column-over{border-color:var(--accent);background:#d85a300d}.column-header{justify-content:space-between;align-items:center;padding:2px 4px 6px;display:flex}.column-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:13px;font-weight:700}.column-count{color:var(--text-faint);background:var(--bg-card);border:1px solid var(--border);border-radius:100px;padding:2px 8px;font-size:11px}.column-body{flex-direction:column;gap:8px;min-height:40px;display:flex}.task-card{background:var(--bg-card);border:1px solid var(--border);cursor:grab;border-radius:8px;padding:12px;transition:border-color .15s,transform .1s}.task-card:hover{border-color:var(--accent-hover)}.task-card:active{cursor:grabbing;transform:scale(.98)}.task-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.priority-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.priority-low{background:var(--low)}.priority-medium{background:var(--medium)}.priority-high{background:var(--high)}.task-delete{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.task-delete:hover{color:var(--accent)}.task-title{color:var(--text);font-size:13px;line-height:1.45}.column-add-btn{border:1px dashed var(--border);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:6px;margin-top:2px;padding:10px;font-size:12px;font-weight:600}.column-add-btn:hover{border-color:var(--accent);color:var(--accent)}.add-task-form{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-top:2px;padding:10px;display:flex}.add-task-form input,.add-task-form select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.add-task-form input:focus,.add-task-form select:focus{border-color:var(--accent)}.add-task-row{gap:6px;display:flex}.add-task-confirm{background:var(--accent);color:#111;cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700}.add-task-confirm:hover{background:var(--accent-hover)}.add-task-cancel{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px;font-size:12px}
