@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--background: #eff3f8;--foreground: #1d2b49;--surface: #ffffff;--surface-soft: #f7f8fb;--muted: #576684;--muted-soft: #8090ab;--primary: #0c66e4;--primary-2: #2d7eff;--secondary: #e9eef6;--danger: #c9372c;--success: #1f845a;--warning: #b38600;--border: #cfd8e6;--ring: #0c66e4;--font-sans: "Manrope", system-ui, -apple-system, sans-serif;--font-mono: "Space Grotesk", ui-monospace, Menlo, monospace;--radius: .82rem;--radius-lg: 1rem;--shadow-soft: 0 8px 24px -14px rgba(9, 30, 66, .25)}*{box-sizing:border-box}.hstack{display:flex;align-items:center}.vstack{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.gap-1{gap:.35rem}.gap-2{gap:.65rem}.gap-3{gap:1rem}body{margin:0;min-height:100vh;color:var(--foreground);font-family:var(--font-sans);background:radial-gradient(circle at 0% 0%,#e6f0ff 0%,transparent 32%),radial-gradient(circle at 100% 0%,#fcecff 0%,transparent 28%),radial-gradient(circle at 16% 100%,#e9f9ff 0%,transparent 30%),var(--background)}main{min-height:100vh;padding:clamp(.9rem,2vw,1.5rem)}button,input,textarea{font:inherit}button,a.secondary,a.ghost,a.warning{border-radius:.68rem;padding:.56rem .85rem;border:1px solid var(--border);background:#fff;color:var(--foreground);font-weight:650;line-height:1.15;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover{background:#f6f8fb;border-color:#bcc8d8}a{cursor:pointer}a:hover{background:#f6f8fb}button:active{box-shadow:inset 0 1px 2px #091e421a}button:disabled,a[aria-disabled=true]{opacity:.58;cursor:not-allowed;filter:grayscale(.15)}button:focus-visible{outline:3px solid color-mix(in oklab,var(--ring) 40%,transparent);outline-offset:2px}button.secondary,a.secondary{background:#eef2f7;border-color:#d2dae6;color:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button.primary,button#toast-copy{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff;border-color:#0a58c2;box-shadow:0 2px 8px -3px #094fbe80}button.warning{color:#8f2a24;background:#fff2f0;border-color:#f4c0bb}.warning{color:#6e212e}button.ghost{background:#fff;border-color:transparent;box-shadow:none}button.small,a.small{padding:.36rem .58rem;font-size:.78rem}input,textarea{border:1px solid var(--border);border-radius:.6rem;background:#fff;color:var(--foreground);padding:.58rem .72rem}input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in oklab,var(--ring) 40%,transparent);outline-offset:1px;border-color:var(--ring)}fieldset.group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;margin:0;border:1px solid #dbe3ff;border-radius:calc(var(--radius) + .08rem);background:#ffffffe6}fieldset.group:focus-within{border-color:var(--ring)}fieldset.group legend{margin-left:.55rem;padding:0 .34rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#5b6388;background:transparent;border:0;box-shadow:none;opacity:.9}fieldset.group input,fieldset.group select{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}fieldset.group button{border-radius:.86rem}a{color:inherit}::selection{background:#d5e8ff}.glass-card{border:1px solid #d7deea;background:#ffffffde;backdrop-filter:blur(6px);box-shadow:var(--shadow-soft)}.kicker{margin:0;color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;font-size:.74rem}.small-muted{margin:0;color:var(--muted);font-size:.88rem}.landing-shell{max-width:980px;margin:0 auto;padding-top:clamp(2.5rem,8vh,5rem)}.hero-card{position:relative;overflow:hidden;border-radius:calc(var(--radius-lg) + .25rem);border:1px solid #dce4ff;padding:clamp(1.2rem,4vw,2.6rem);background:linear-gradient(145deg,#fff,#f8f2ff 44%,#eef3ff);box-shadow:var(--shadow-soft)}.hero-card:before,.hero-card:after{content:"";position:absolute;border-radius:999px;filter:blur(44px);pointer-events:none}.hero-card:before{width:210px;height:210px;background:#d6dbff;top:-70px;right:-40px;opacity:.46}.hero-card:after{width:300px;height:300px;background:#ffd9f3;bottom:-90px;left:-55px;opacity:.4}.hero-chip{position:relative;z-index:1;display:inline-flex;width:fit-content;border-radius:999px;padding:.34rem .8rem;font-size:.76rem;font-weight:700;color:#4b4e7c;background:#ebf2ff;border:1px solid #dce7ff;letter-spacing:.02em;text-transform:uppercase}.hero-title{position:relative;z-index:1;margin:.45rem 0 .7rem;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1.04;letter-spacing:-.025em}.hero-subtitle{position:relative;z-index:1;margin:0;max-width:66ch;color:#5b6487}.create-form{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:stretch;gap:.65rem;margin-top:1rem}.create-group{width:100%;padding:.25rem}.create-group input{margin:0;border-radius:0;min-height:42px}.icon-input-button{margin:0;border-radius:999px;display:inline-flex;align-items:center;gap:.35rem}.icon{line-height:1}.create-form input{min-width:min(460px,100%);flex:1 1 300px;font-size:1rem}.create-form button{min-width:11rem;font-weight:700}.feature-row{position:relative;z-index:1;margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem}.feature-chip{border:1px solid #d5e0ff;background:#f6f9ff;border-radius:999px;color:#39416f;font-size:.8rem;padding:.34rem .72rem}.board-shell{max-width:min(1680px,100%);margin:0 auto}.board-toolbar{position:sticky;top:.55rem;z-index:10;padding:.95rem;border-radius:calc(var(--radius-lg) + .1rem);background:#fffffff0}.board-toolbar__top{justify-content:space-between;align-items:center}.board-toolbar__meta{min-width:min(340px,100%)}.board-toolbar__title{margin:0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.18;letter-spacing:-.01em}.board-toolbar__meta-line{margin:.2rem 0 0;color:#6b7a93;font-size:.8rem}.toolbar-groups{align-items:stretch}.toolbar-group-form{flex:1 1 340px}.toolbar-group{width:100%;padding:.22rem;background:#f7f9fd;border-color:#cfd8e8}.toolbar-group input{min-height:38px;font-size:.92rem}.toolbar-group legend,.create-group legend{color:#6b7891;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.status-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #ccd6e6;padding:.3rem .62rem;font-size:.75rem;font-weight:750;letter-spacing:.01em;background:#eef2f7;color:#3a4f74}.status-live{border-color:#9bddcc;background:#e8faf4;color:#1d7158}.status-reconnecting{border-color:#f0d9a1;background:#fff7e5;color:#8c6110}.status-offline{border-color:#e8b8c8;background:#fff1f5;color:#863145}.board-layout{border:1px solid #d7deea;border-radius:calc(var(--radius-lg) + .1rem);padding:.62rem;background:#f7f9fc9c;box-shadow:inset 0 1px #ffffffb8}.board-columns-scroll{display:flex;align-items:flex-start;gap:1rem;overflow-x:auto;padding:.2rem .2rem .55rem;min-height:calc(100vh - 280px);scrollbar-width:thin}.board-columns-scroll::-webkit-scrollbar{height:12px}.board-columns-scroll::-webkit-scrollbar-thumb{background:#c6cfdd;border-radius:999px;border:2px solid #edf1f7}.board-columns-scroll::-webkit-scrollbar-track{background:#edf1f7;border-radius:999px}.board-column{min-width:min(330px,88vw);width:334px;border:1px solid #d4dce8;border-radius:.9rem;padding:.64rem;background:linear-gradient(180deg,#f4f6f9,#f0f3f8);display:flex;flex-direction:column;gap:.54rem;box-shadow:inset 0 1px #ffffffd1,0 6px 18px -18px #091e4273}.board-column:has(.task-card:hover){border-color:#c4cfde}.column-header{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.1rem .08rem}.column-title-wrap{display:inline-flex;align-items:center;gap:.42rem;min-width:0}.board-column h2{margin:0;font-size:.96rem;font-weight:720;letter-spacing:-.01em}.column-task-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .32rem;border-radius:999px;font-size:.72rem;font-weight:720;color:#44546f;background:#dfe3e8}.column-actions{opacity:.44;transition:opacity .14s ease}.board-column:hover .column-actions{opacity:1}.icon-only{width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0}.icon-only.danger{color:#8f2a24}.add-task-button{width:100%;justify-content:flex-start;gap:.45rem;border:1px dashed #d3dbea;background:#f6f8fb;color:#3f5070;font-weight:640;padding:.52rem .58rem}.add-task-button:hover{background:#eaf0f8;border-color:#b9c7da}.add-task-button:focus-visible{outline-offset:0}.task-list{display:grid;gap:.52rem;min-height:1.5rem}.column-empty{margin:0;padding:.4rem .55rem;color:#72839f;font-size:.82rem}.task-card{border:1px solid #d5dce8;border-left:4px solid #d8e1ef;border-radius:.72rem;background:#fff;padding:.66rem;display:grid;gap:.4rem;box-shadow:0 1px #091e4212,0 1px 1px #091e4217;transition:border-color .12s ease,box-shadow .12s ease}.task-card:hover{border-color:#b6c4d8;box-shadow:0 3px 8px #091e4226}.task-card.is-selected{border-color:#7eb0f7;box-shadow:0 0 0 1px #7eb0f7,0 2px 6px #091e4224}.task-card--missing{border-style:dashed;border-color:#efb09f;background:#fff8f6}.task-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem}.task-title{margin:0;font-size:.92rem;font-weight:700;line-height:1.3}.task-notes{margin:0;white-space:pre-wrap;color:#5b6c88;font-size:.83rem;line-height:1.35}.task-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem;color:#7486a2}.task-actions{margin-top:.12rem;display:flex;justify-content:flex-end;gap:.3rem}.task-card .drag-handle{opacity:.38}.task-card:hover .drag-handle,.task-card.is-selected .drag-handle{opacity:1}.task-actions button,.toolbar-actions button,.toolbar-actions a,.task-dialog .toolbar-actions button,.task-dialog .toolbar-actions a,.board-column>.toolbar-actions button,.board-column>button,.task-list button,.task-card header button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.toolbar-actions button svg,.toolbar-actions a svg,.task-actions button svg,.task-dialog .toolbar-actions button svg,.task-dialog .toolbar-actions a svg,.task-list button svg{flex:0 0 auto}.drag-handle{padding:0}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.presence-cloud{display:flex;gap:.35rem;flex-wrap:wrap;margin:0}.presence-chip{display:inline-flex;align-items:center;gap:.34rem;padding:.22rem .52rem;border-radius:999px;border:1px solid #d6deea;background:#fffffff2;font-size:.76rem;color:#485a78}.presence-dot{width:.54rem;height:.54rem;border-radius:999px}.toggle-switch{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #d2dbe8;padding:.2rem .45rem;background:#eef2f7}.toggle-label{margin:0;font-size:.78rem}.toggle-switch input{width:.92rem;height:.92rem;accent-color:var(--primary)}.task-dialog-overlay{position:fixed;inset:0;background:#091e426b;display:grid;place-items:center;padding:1rem;z-index:20;backdrop-filter:blur(2px)}.task-dialog{width:min(760px,100%);max-height:85vh;overflow:auto;border:1px solid #cfd8e8;border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 40px -22px #091e428c;padding:1rem}.task-dialog h2{margin:0}.task-textarea{min-height:180px;width:100%}.suggestion-note{margin-top:.7rem}.suggestion-source{font-size:.8rem}.toast{margin:0;color:#175f44;font-size:.8rem;width:fit-content;border:1px solid #9cd9c3;background:#edfbf5;border-radius:999px;padding:.25rem .62rem}.column-add-row{align-items:center}.column-add-row .icon-only{flex:0 0 auto;border-radius:.62rem;border-color:#d4ddec;background:#f6f8fb}.column-inline-form{margin:0}.column-inline-group{width:100%;padding:.2rem;background:#f8faff;border-color:#cad4e6}.column-inline-group input{min-height:36px;font-size:.88rem}.column-inline-actions{justify-content:space-between}.fadein{animation:fadeIn .26s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.create-form input{min-width:0;width:100%}.create-group{display:block}.create-form button,.icon-input-button{width:100%}.board-toolbar{top:0;border-radius:.75rem;padding:.68rem}.toolbar-group-form{flex-basis:100%}.board-column{width:86vw;min-width:86vw}.board-columns-scroll{min-height:calc(100vh - 280px)}.task-actions span{display:none}}