:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b;background:#f3f5fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 15% -15%,rgba(92,127,255,.18),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(21,200,200,.12),transparent 45%),#f3f5fb}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid #e3e8f6;padding:1.1rem;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar h2{margin:0 0 .15rem;font-size:1.05rem;color:#0f172a}.subtle{color:#6b7280;font-size:.82rem;margin:.1rem 0 1rem}.brand{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem}.avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;border:1px solid #dbeafe}.board{width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:12px;padding:.62rem .72rem;margin-bottom:.52rem;cursor:pointer;transition:all .12s ease}.board:hover{transform:translateY(-1px);border-color:#c7d2fe}.board.active{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#eef2ff);color:#1e3a8a;box-shadow:0 8px 18px #3b82f624}.boardArea{padding:1rem 1.1rem 1.1rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.topbar h1{margin:0;font-size:1.3rem;color:#0f172a}.pill{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:.38rem .7rem;font-size:.74rem;font-weight:600}.kanban{display:grid;grid-template-columns:repeat(5,minmax(205px,1fr));gap:.85rem;align-items:start}.column{background:#fff;border:1px solid #cfd8ea;border-radius:14px;min-height:73vh;padding:.62rem;box-shadow:0 4px 10px #0f172a0f}.columnHeader{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.56rem}.column h3{margin:0;padding:0 .15rem;font-size:.86rem;color:#475569;letter-spacing:.2px;text-transform:uppercase}.ghostBtn{border:1px solid #dbe3f0;background:#fff;color:#334155;border-radius:999px;padding:.18rem .54rem;font-size:.72rem}.card{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:.72rem;margin-bottom:.62rem;cursor:grab;transition:transform .1s ease,box-shadow .12s ease;box-shadow:0 2px 6px #0f172a0f}.card:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a17}.card p{margin:0 0 .58rem;font-size:.92rem;color:#0f172a;line-height:1.33}.cardMeta{display:flex;align-items:center;justify-content:space-between}.cardActions{display:inline-flex;align-items:center;gap:.35rem}.menuWrap{position:relative}.menuBtn{cursor:pointer;border:none;background:transparent;color:#334155;font-size:.82rem;line-height:1;border-radius:6px;padding:.12rem .26rem}.menuBtn:hover{background:#f1f5f9}.menuPanel{position:absolute;right:0;top:1.2rem;z-index:5;background:#fff;border:1px solid #dbe3f0;border-radius:8px;box-shadow:0 8px 22px #0f172a1f;min-width:140px;padding:.25rem;display:grid;gap:.2rem}.menuPanel button{border:none;background:transparent;color:#0f172a;text-align:left;padding:.3rem .45rem;border-radius:6px;font-size:.82rem;white-space:nowrap}.menuPanel button:hover{background:#f1f5f9}.menuPanel button.danger{color:#b91c1c}.aiBtn{border:none;background:transparent;color:#111827;border-radius:6px;padding:.08rem .2rem;line-height:1;font-size:.9rem;cursor:pointer}.aiBtn:hover{background:#0f172a0f}.aiBadge{font-size:.65rem;color:#6d28d9;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:999px;padding:.08rem .38rem}.card small{color:#64748b;font-size:.76rem}.statusDot{width:8px;height:8px;border-radius:999px;display:inline-block}.statusDot.status-inbox{background:#94a3b8}.statusDot.status-queued{background:#f59e0b}.statusDot.status-in-progress{background:#3b82f6}.statusDot.status-blocked{background:#ef4444}.statusDot.status-done{background:#22c55e}.modal{width:min(620px,92vw);border:1px solid #dbe2ef;border-radius:14px;background:#fff;color:#0f172a;padding:1rem;box-shadow:0 24px 48px #0f172a33}.modal::backdrop{background:#0f172a52}.titleRow{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.notesList{margin-top:0;margin-bottom:.75rem;padding-left:1.1rem;color:#334155}.noteItem{margin-bottom:.35rem;line-height:1.35}.noteItem.checklistItem{list-style:none;margin-left:-1.1rem}.modal input[type=text],.modal input:not([type]){width:100%;margin:.6rem 0;padding:.58rem .68rem;border-radius:8px;border:1px solid #d6e0f0;background:#fff;color:#0f172a}.modal button{border:1px solid #93c5fd;background:#2563eb;color:#fff;border-radius:8px;padding:.43rem .76rem;white-space:nowrap}.modalTitleRow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.modalTitle{margin:0;font-size:1.35rem;line-height:1.2}.iconBtn{background:#fff;color:#334155;border:1px solid #d6e0f0;padding:.35rem .5rem}.checkItem{display:flex;align-items:flex-start;gap:.55rem;width:100%}.checkItem input[type=checkbox]{width:16px;height:16px;margin-top:.2rem;flex:0 0 auto}.checkItem span{display:block;white-space:normal;word-break:break-word}.checked{text-decoration:line-through;color:#64748b}.modalActions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.footerRow{display:flex;justify-content:flex-end;margin-top:.75rem}.doneBtn{background:#1d4ed8}
