@import "https://fonts.googleapis.com/css?family=Syne:700|Syne:400";*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}:root{--text:#0c1116;--background:#f5f7f9;--primary:#0c63d2;--secondary:#afa7cf;--accent:#9c82bb;--text-muted:color-mix(in srgb, var(--text) 55%, var(--background));--bg:var(--background);--text-h:var(--text);--border:var(--secondary);--accent-bg:color-mix(in srgb, var(--accent) 12%, var(--background));--accent-border:color-mix(in srgb, var(--accent) 45%, transparent);--code-bg:color-mix(in srgb, var(--secondary) 25%, var(--background));--social-bg:color-mix(in srgb, var(--secondary) 20%, var(--background));--shadow:#0c11161a 0 10px 15px -3px, #0c11160d 0 4px 6px -2px;--sans:"Syne", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Syne", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-size:100%;font-family:var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:145%}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2,h3,h4,h5{font-family:var(--heading);color:var(--text-h);font-weight:700}h1{letter-spacing:-1.68px;margin:32px 0;font-size:4.21rem}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.board-layout{flex:auto;align-items:stretch;min-height:0;display:flex}.board-main{flex:1 1 0;min-width:0}.board-header{justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 0;display:flex}.board{align-items:flex-start;gap:16px;padding:24px;display:flex}.team-sidebar{border-right:1px solid var(--border,#ddd);flex:none;width:220px;padding:24px 16px}.team-list{flex-direction:column;gap:4px;margin:12px 0;padding:10px;list-style:none;display:flex}.team-list-item{border-radius:4px;align-items:center;gap:8px;padding:4px;font-size:14px;transition:all .1s;display:flex}.team-list-item:hover{background:var(--accent-bg,#f4f4f5);cursor:pointer;border-radius:4px;transition:all .1s;box-shadow:0 0 2px #000}.team-form{border:1px solid var(--border,#ddd);border-radius:4px;flex-direction:column;align-items:center;gap:10px;margin-top:25px;padding:12px;display:flex}.team-color-row{gap:10px;align-self:flex;justify-content:space-between;display:flex}.color-swatch{outline:1px solid var(--border,#ddd);outline-offset:2px;cursor:pointer;color:#fff;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.color-swatch-active{border-color:var(--text)}.color-swatch-custom{background:var(--accent-bg,#f4f4f5);color:var(--text);position:relative;overflow:hidden}.color-input-hidden{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.team-form input[type=text],.team-form input:not([type]){flex:1 1 0;min-width:0}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-flex}.avatar-list{gap:4px;margin-top:8px;display:flex}.chip-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{border:1px solid var(--border,#ddd);background:var(--accent-bg,#f4f4f5);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:12px}.chip-active{border-color:var(--accent,#6366f1);font-weight:600}.chip-new{background:0 0;border-style:dashed}.chip-input{cursor:text;width:90px}.filter-bar{flex-wrap:wrap;gap:8px;padding:12px 24px 0;display:flex}.stats-summary{color:var(--text-muted,#888);gap:16px;font-size:13px;display:flex}.due-badge{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.due-soon{color:#8a6d00;background:#fff3cd}.due-overdue{color:#c0392b;background:#fdecea}.task-card-meta{align-items:center;gap:6px;display:flex}.modal.member-tasks-modal{text-align:left;width:640px;max-width:95vw}.member-task-list{flex-direction:column;gap:6px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.member-task-row{border:1px solid var(--border,#ddd);cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:8px 10px;display:flex}.member-task-row:hover{background:var(--accent-bg,#f4f4f5)}.member-task-title{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.member-task-status{color:var(--text-muted,#888);font-size:12px}.modal.task-modal-container{background:var(--bg,#fff);width:950px;max-width:95vw;max-height:85vh;color:var(--text);border-radius:8px;flex-direction:column;padding:0;display:flex;overflow:hidden}.task-modal-container h2{text-align:left;margin:0 0 4px;font-size:1.6rem}.task-modal-container h3{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted,#888);margin:0 0 6px;font-size:.8rem}.task-top-bar{border-bottom:1px solid var(--border,#ddd);flex:none;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.task-list-indicator{background:var(--accent-bg,#f4f4f5);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex}.task-list-indicator .dropdown-trigger{background:0 0;border:none;padding:0;font-size:13px}.task-list-indicator .dropdown-trigger:hover{box-shadow:none}.task-top-actions button{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex;position:static}.task-top-actions button:hover{background:var(--accent-bg,#f4f4f5)}.task-modal-body{flex-direction:row;flex:auto;min-height:0;display:flex}.task-main-col{text-align:left;flex-direction:column;flex:1.3;gap:20px;padding:24px;display:flex;overflow-y:auto}.task-sidebar-col{background:var(--social-bg,#f4f4f5);border-left:1px solid var(--border,#ddd);text-align:left;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.sidebar-header-row{justify-content:space-between;align-items:center;display:flex}.sidebar-header-row h3{margin:0}.comment-list,.activity-list{flex-direction:column;gap:8px;margin:8px 0;padding:0;font-size:13px;list-style:none;display:flex}.comment-list li p{margin:0}.comment-time{color:var(--text-muted,#888);font-size:11px}.comment-form{gap:6px;display:flex}.comment-form input{flex:1 1 0}.task-detail-row{gap:12px;display:flex}.link-button{color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.task-detail-row label{flex:1 1 0}.context-menu{z-index:20;background:var(--bg,#fff);border:1px solid var(--border,#ddd);border-radius:6px;min-width:140px;padding:4px;position:fixed;box-shadow:0 4px 12px #00000026}.context-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:13px;display:flex;position:relative}.context-menu-item:hover{background:var(--accent-bg,#f4f4f5)}.context-menu-danger{color:#c0392b}.context-menu-submenu-trigger{cursor:default;justify-content:space-between}.context-submenu{background:var(--bg,#fff);border:1px solid var(--border,#ddd);border-radius:6px;min-width:140px;padding:4px;position:absolute;top:0;left:102%;box-shadow:0 4px 12px #00000026}.dropdown{display:inline-block;position:relative}.dropdown-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.dropdown-menu{max-height:220px;overflow-y:auto}.dropdown-item-active{background:var(--accent-bg,#f4f4f5);font-weight:700}.modal-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg,#fff);border-radius:8px;flex-direction:column;gap:12px;width:320px;max-height:85vh;padding:20px;display:flex;position:relative;overflow-y:auto}.modal-close-x{cursor:pointer;color:var(--text-muted,#888);background:0 0;border:none;border-radius:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.modal-close-x:hover{background:var(--accent-bg,#f4f4f5)}.modal label{flex-direction:column;gap:4px;font-size:13px;display:flex}.modal-error{color:#c0392b;margin:0;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.column{background:var(--accent-bg,#f4f4f5);border-radius:8px;flex:1 1 0;min-width:220px;padding:12px}.column-over{outline:2px dashed var(--accent,#888)}.column-count,.column-empty{color:var(--text-muted,#888);font-size:13px}.task-card{background:var(--bg,#fff);border:1px solid var(--border,#ddd);cursor:grab;border-radius:6px;margin-top:8px;padding:10px;transition:all .1s}.task-card:hover{transition:all .1s;box-shadow:0 0 2px #000}.task-card-dragging-overlay{cursor:grabbing;margin-top:0;box-shadow:0 8px 20px #0003}.task-card-placeholder{background:var(--accent,#6366f1);opacity:.25;border-radius:6px;margin-top:8px}.task-card-title{margin:0 0 6px}.task-card-description{color:var(--text-muted,#888);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:13px;display:-webkit-box;overflow:hidden}.task-card-priority{text-transform:uppercase;color:var(--text-muted,#888);padding-left:6px;padding-right:6px;font-size:12px}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.button{text-align:center;background:0 0;background-color:var(--secondary);border:none;border-radius:4px;width:50%;padding:5px 10px;transition:all .1s}.button:hover{background-color:var(--accent);cursor:pointer;box-shadow:0 0 2px #000}.button-secondary{background-color:var(--background);color:var(--text);border:1px solid var(--border,#ddd)}.button-secondary:hover{background-color:var(--accent-bg);cursor:pointer;box-shadow:0 0 2px #000}.button-danger{color:#fff;background-color:#c0392b}.button-danger:hover{cursor:pointer;background-color:#a5311f;box-shadow:0 0 2px #000}.board-header .button{width:auto}.modal .checkbox-row{cursor:pointer;accent-color:var(--accent,#6366f1);flex-direction:row;align-items:center;gap:8px;font-size:13px;display:flex}.input{border:1px solid var(--border,#ddd);border-radius:4px;padding:6px 8px;font-size:13px;transition:all .1s}.input:hover{border-color:var(--accent,#6366f1);transition:all .1s;box-shadow:0 0 2px #000}.textarea{border:1px solid var(--border,#ddd);resize:none;border-radius:4px;padding:6px 8px;font-size:13px;transition:all .1s}.textarea:hover{border-color:var(--accent,#6366f1);transition:all .1s;box-shadow:0 0 2px #000}.select{border:1px solid var(--border,#ddd);border-radius:4px;padding:6px 8px;font-size:13px;transition:all .1s}.select:hover{border-color:var(--accent,#6366f1);transition:all .1s;box-shadow:0 0 2px #000}.search-input{border:1px solid var(--border,#ddd);border-radius:4px;padding:6px 8px;font-size:13px;transition:all .1s}.search-input:hover{border-color:var(--accent,#6366f1);transition:all .1s;box-shadow:0 0 2px #000}.priority-low{color:#098a00;background:#cdffd2}.priority-normal{color:#8a6d00;background:#fff3cd}.priority-high{color:#c0392b;background:#fdecea}.column h2{font-size:2.369rem}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.search-input-wrap{align-items:center;display:inline-flex;position:relative}.search-input-icon{pointer-events:none;color:var(--text-muted,#888);position:absolute;left:8px}.search-input-wrap .search-input{padding-left:28px}.activity-title{margin:0 0 8px;font-size:2rem}.member-search-input{width:130px}.member-filter-bar{padding:12px 0}