:root{--bg: #0f172a;--panel: #111827;--text: #e5e7eb;--muted: #9ca3af;--accent: #6366f1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1000px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;gap:12px}.spacer{flex:1}.card{background:var(--panel);border-radius:12px;padding:16px;margin-top:16px}.card.completed{opacity:.75;position:relative}.card.completed:after{content:"Completed";position:absolute;top:8px;right:12px;color:var(--muted);font-size:.8rem}label{display:grid;gap:6px;margin-bottom:12px}input{padding:10px 12px;border-radius:8px;border:1px solid #374151;background:#0b1220;color:var(--text)}button{padding:10px 14px;border:1px solid #4b5563;background:#1f2937;color:var(--text);border-radius:8px;cursor:pointer}button:hover{border-color:var(--accent)}.muted{color:var(--muted);font-size:.9rem}.lane-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}.lane{display:flex;flex-direction:column-reverse;gap:6px;padding:8px;border:1px dashed #374151;border-radius:8px;cursor:pointer;min-height:180px}.lane:hover{border-color:var(--accent)}.lane-warn{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33 inset}.pill{border-radius:999px;height:20px;opacity:.25;position:relative}.pill.active{opacity:1}.pill.active.baseline{opacity:.5}.pill.active.current{opacity:1}.pill.active.prev-set{opacity:.7;outline:1px solid #64748b}.pill.grey{background:#9ca3af}.pill.purple{background:#a78bfa}.pill.blue{background:#60a5fa}.pill.red{background:#ef4444}.pill.removed{opacity:1;border:2px dashed #ef4444;background:#ef444414}.pill.removed:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#f87171;font-size:18px;font-weight:800;line-height:1}.nav-sets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.nav-set{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-set label{color:var(--muted);font-size:.85rem;margin-right:4px}.nav-set button{padding:4px 8px;font-size:.85rem}.nav-set button.active{border-color:var(--accent);color:var(--accent)}.completed-list{display:grid;gap:12px;margin-top:12px}.completed-item header{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:6px}.card.completed .lane{cursor:default}