:root{--navy:#001d3b;--brand:#064789;--brand-strong:#001d3b;--brand-soft:#0647891f;--gold:#ffbf00;--accent:#946c00;--accent-soft:#ffbf0038;--bg:#f5f5f7;--surface:#fff;--column:#7878801a;--text:#1d1d1f;--muted:#6e6e73;--line:#3c3c4324;--danger:#ff3b30;--warn:#ff9500;--ok:#34c759;--shadow:0 1px 2px #0000000d, 0 4px 14px #0000000f;--shadow-lg:0 20px 60px #00000038;--glass:#ffffffb8;--r-lg:22px;--r-md:16px;--r-sm:11px}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--column:#7878802e;--text:#f5f5f7;--muted:#98989d;--line:#ebebf524;--glass:#1c1c1eb8;--brand:#4b95e0;--brand-strong:#6aa9ea;--brand-soft:#4b95e033;--accent:#ffbf00;--accent-soft:#ffbf002e;--shadow:0 1px 2px #0006, 0 4px 14px #00000059}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}button{cursor:pointer}.app{flex-direction:column;height:100%;display:flex}.center{place-items:center;height:100%;display:grid}.topbar{background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(24px);border-bottom:1px solid var(--line);z-index:5;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.logo{filter:drop-shadow(0 10px 24px #001d3b40);width:220px;height:auto}.logo.sm{filter:none;width:44px}.demo{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.btn{background:var(--column);border:0;border-radius:99px;padding:8px 15px;font-weight:550;transition:background .15s,transform .1s}.btn:hover{background:var(--line)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn.primary{background:var(--brand);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#001d3b}}.btn.primary:hover{background:var(--brand-strong)}.btn.danger{color:var(--danger);background:0 0}.btn.ghost{color:var(--muted);background:0 0}.btn.big{padding:12px 26px;font-size:16px}.filters{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 24px 4px;display:flex}.segmented{background:var(--column);border-radius:99px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:99px;padding:6px 14px;font-weight:550}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.search,.filters select,.modal input,.modal select,.modal textarea{background:var(--column);border-radius:var(--r-sm);border:1px solid #0000;outline:none;padding:8px 12px;transition:border-color .15s,background .15s}.search{width:220px}.search:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--brand);background:var(--surface)}.toggle{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.chips{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}.modal .chips{flex-basis:auto}.chip{background:var(--column);color:var(--muted);border:0;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:550}.chip.on{background:var(--brand-soft);color:var(--brand)}.board{flex:1;align-items:flex-start;gap:16px;padding:14px 24px 28px;display:flex;overflow-x:auto}.column{background:var(--column);border-radius:var(--r-lg);flex-direction:column;flex:none;width:300px;max-height:100%;padding:10px;transition:background .15s,box-shadow .15s;display:flex}.column.over{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand)}.column-head{cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 8px 10px;display:flex}.column-head h2{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:15px;font-weight:650;overflow:hidden}.count{color:var(--muted);font-size:13px;font-weight:600}.shared{color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:650}.column-body{flex-direction:column;gap:9px;min-height:40px;display:flex;overflow-y:auto}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow);cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding:12px 14px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000f,0 10px 24px #0000001a}.card.ghost{box-shadow:var(--shadow-lg);cursor:grabbing;transform:rotate(2deg)scale(1.03)}.card.is-done .card-title{color:var(--muted);text-decoration:line-through}.card-top{align-items:flex-start;gap:10px;display:flex}.card-title{word-break:break-word;flex:1;font-weight:550}.flag{color:var(--danger);margin-top:6px;font-size:9px}.card-notes{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0 30px;font-size:13px;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:5px;margin:9px 0 0 30px;display:flex}.check{border:1.7px solid var(--muted);background:0 0;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;padding:0;display:grid}.check.on{background:var(--ok);border-color:var(--ok)}.pill{background:var(--column);color:var(--muted);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600}.pill.due.overdue{color:var(--danger);background:#ff3b3024}.pill.due.soon{color:var(--warn);background:#ff950029}.pill.label{background:var(--brand-soft);color:var(--brand)}.pill.label.assigned{background:var(--accent-soft);color:var(--accent)}.add-btn{color:var(--muted);text-align:left;border-radius:var(--r-sm);background:0 0;border:0;padding:8px 10px;font-weight:550}.add-btn:hover{background:var(--line);color:var(--text)}.add-input{border:2px solid var(--brand);border-radius:var(--r-md);background:var(--surface);outline:none;padding:10px 12px}.scrim{-webkit-backdrop-filter:blur(8px);z-index:20;background:#00000059;place-items:center;padding:16px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:560px;max-width:100%;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:26px;flex-direction:column;gap:16px;padding:24px;animation:.22s cubic-bezier(.2,.9,.3,1.2) pop;display:flex;overflow-y:auto}.modal-title{letter-spacing:-.02em;font-size:22px;font-weight:700;border-bottom:1px solid var(--line)!important;background:0 0!important;border-radius:0!important;padding:4px 0!important}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.grid label{min-width:0}.grid input,.grid select{width:100%;min-width:0}.grid label,.field{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;font-weight:550;display:flex}.field-label{color:var(--muted);font-size:13px;font-weight:550}.modal .chips{align-items:center;margin-top:4px}.chip-input{width:130px;font-size:13px;border-radius:99px!important;padding:4px 12px!important}textarea{resize:vertical}.panel{background:var(--column);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.panel-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.hint{color:var(--muted);margin:2px 0 0;font-size:13px}.inline{align-items:center;gap:8px;font-size:14px;display:flex}.modal .inline input{width:auto}.block-row{flex-wrap:wrap;gap:8px;display:flex}.block-row input,.block-row select{background:var(--surface)!important}.modal-foot{align-items:center;gap:8px;display:flex}.switch{background:var(--line);border:0;border-radius:99px;flex:none;width:51px;height:31px;padding:0;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0000004d}.switch.on{background:var(--ok)}.switch.on i{transform:translate(20px)}.hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.hero h1{letter-spacing:-.03em;margin:14px 0 0;font-size:34px}.hero p{color:var(--muted);margin:0 0 18px;font-size:17px}.toast{background:var(--glass);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);z-index:30;border-radius:99px;max-width:90vw;padding:11px 20px;font-size:14px;font-weight:550;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.err{color:var(--danger)}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(8px)}}@media (width<=640px){input,select,textarea{font-size:16px!important}.topbar{padding:calc(8px + env(safe-area-inset-top)) 14px 8px;flex-wrap:wrap;gap:8px}.topbar .btn{padding:10px 14px}.btn.ghost{padding-left:4px;padding-right:4px}.filters{gap:8px;padding:12px 14px 2px}.segmented{scrollbar-width:none;max-width:100%;overflow-x:auto}.segmented button{white-space:nowrap;padding:9px 14px}.search{width:100%;padding:11px 12px}.chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chip{white-space:nowrap;padding:7px 14px}.board{padding:12px 14px calc(24px + env(safe-area-inset-bottom));scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px}.column{scroll-snap-align:center;width:84vw;max-height:none}.card{padding:14px}.check{width:26px;height:26px}.card-notes,.card-meta{margin-left:36px}.add-btn{padding:12px 10px}.scrim{align-items:end;padding:0}.modal{width:100%;max-height:94vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1) sheet}.block-row>*{flex:40%}.modal-foot .btn{padding:12px 18px}.toast{bottom:calc(20px + env(safe-area-inset-bottom))}}@keyframes sheet{0%{transform:translateY(100%)}}