:root{--font:"Inter", system-ui, sans-serif;--accent:#7c5cff;--accent-2:#9b85ff;--danger:#f05252;--ease:cubic-bezier(.22, 1, .36, 1);--sidebar:264px;--col:300px;--r:12px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f13;--panel:#14161b;--col-bg:#16181e;--card:#1d2027;--card-hover:#23262e;--line:#ffffff12;--line-2:#ffffff1f;--text:#e8eaf0;--muted:#8c91a1;--soft:#ffffff0d;--shadow:0 16px 40px -12px #000000b3}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--panel:#fff;--col-bg:#eceef2;--card:#fff;--card-hover:#fafbfc;--line:#14171f14;--line-2:#14171f24;--text:#16181d;--muted:#6b7080;--soft:#14171f0d;--shadow:0 16px 40px -16px #14171f59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}ul{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent);color:#fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{border:1px solid var(--line-2);background:var(--soft);min-width:20px;height:20px;font-family:var(--font);color:var(--muted);border-radius:5px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-grid}.btn{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-weight:600;transition:background .2s,opacity .2s,transform .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--sm{height:32px;padding:0 12px;font-size:13px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:#6a48f5}.btn--ghost{background:var(--soft);border:1px solid var(--line)}.btn--ghost:not(:disabled):hover{background:var(--line-2)}.btn--danger{color:var(--danger);background:#f052521f}.btn--danger:hover{background:#f0525233}.icon-btn{width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover{background:var(--soft);color:var(--text)}.icon-btn--sm{width:26px;height:26px;font-size:16px}.link-btn{color:var(--accent-2);font-size:13px;font-weight:600}.app{grid-template-columns:var(--sidebar) minmax(0, 1fr);height:100%;display:grid}.main{flex-direction:column;min-width:0;height:100%;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 14px;display:flex;overflow-y:auto}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 8px 18px;font-size:18px;font-weight:700;display:flex}.brand__mark{background:var(--accent);border-radius:8px;align-items:flex-start;gap:3px;width:28px;height:28px;padding:6px;display:flex}.brand__mark i{background:#fff;border-radius:2px;flex:1}.brand__mark i:first-child{height:100%}.brand__mark i:nth-child(2){opacity:.85;height:70%}.brand__mark i:nth-child(3){opacity:.7;height:45%}.sidebar__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 8px 6px;font-size:11px;font-weight:600}.boards li{position:relative}.boards__item{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-weight:500;transition:background .2s;display:flex}.boards__item:hover{background:var(--soft)}.boards li.is-active .boards__item{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent)}.boards__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.boards__count{color:var(--muted);font-size:12px}.boards__del{background:var(--card);width:24px;height:24px;color:var(--muted);opacity:0;border-radius:6px;margin-top:-12px;font-size:16px;line-height:1;transition:opacity .2s;position:absolute;top:50%;right:6px}.boards li:hover .boards__del,.boards__del:focus-visible{opacity:1}.boards__del:hover{color:var(--danger)}.sidebar__new{text-align:left;color:var(--muted);border-radius:9px;padding:8px 10px;font-weight:500}.sidebar__new:hover{background:var(--soft);color:var(--text)}.sidebar__form input,.add-column--form input{border:1px solid var(--accent);background:var(--card);border-radius:9px;outline:none;width:100%;height:36px;padding:0 10px}.shortcuts{margin-top:auto;padding-top:16px}.shortcuts p:not(.sidebar__label){color:var(--muted);align-items:center;gap:4px;padding:3px 8px;font-size:13px;display:flex}.sidebar__foot{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:10px;padding:14px 4px 6px;display:flex}.seg{background:var(--soft);border:1px solid var(--line);border-radius:9px;margin-right:auto;padding:3px;display:flex}.seg button{height:26px;color:var(--muted);border-radius:6px;padding:0 9px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.seg button.is-active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #00000026}.sidebar__concept{color:var(--muted);padding:4px;font-size:11px}.scrim{display:none}.topbar{border-bottom:1px solid var(--line);background:var(--bg);gap:12px;padding:16px 24px 14px;display:grid}.topbar__row{align-items:center;gap:12px;min-width:0;display:flex}.burger{display:none}.topbar__emoji{font-size:22px}.topbar__title,.topbar__rename{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:20px;font-weight:700;overflow:hidden}.topbar__title{cursor:text}.topbar__rename{border:1px solid var(--accent);background:var(--card);border-radius:8px;outline:none;height:34px;padding:0 8px}.progress{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;margin-left:12px;font-size:12px;display:flex}.progress__bar{background:var(--soft);border-radius:999px;width:120px;height:6px;overflow:hidden}.progress__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #34d399);height:100%;transition:width .5s var(--ease);display:block}.progress__bar--thin{width:100%;height:4px;margin-bottom:8px}.topbar__actions{gap:8px;margin-left:auto;display:flex}.search{background:var(--panel);border:1px solid var(--line);width:min(320px,100%);height:36px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:0 10px;transition:border-color .2s;display:flex}.search:focus-within{border-color:var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.pfilter{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.pfilter button,.seg--prio button{border:1px solid var(--line);height:30px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.pfilter button:hover{color:var(--text)}.pfilter button.is-active{background:var(--soft);border-color:var(--line-2);color:var(--text)}.pfilter i,.seg--prio i{border-radius:50%;width:8px;height:8px}.pf--low i{background:#8c91a1}.pf--medium i{background:#4f9dff}.pf--high i{background:#fbbf24}.pf--urgent i{background:#f05252}.filter-note{color:var(--muted);padding:8px 24px 0;font-size:12.5px}.board{scroll-snap-type:x proximity;flex:1;align-items:flex-start;gap:14px;min-height:0;padding:18px 24px 24px;display:flex;position:relative;overflow:auto hidden}.column{flex-direction:column;flex:0 0 var(--col);background:var(--col-bg);border:1px solid var(--line);scroll-snap-align:start;border-radius:14px;max-height:100%;transition:border-color .2s,background .2s;display:flex}.column.is-over{border-color:var(--accent)}.column__head{align-items:center;gap:8px;padding:12px 10px 8px 14px;display:flex}.column__dot{border-radius:50%;width:9px;height:9px}.column__title{cursor:text;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.column__rename{border:1px solid var(--accent);background:var(--card);border-radius:6px;outline:none;flex:1;min-width:0;height:28px;padding:0 6px;font-weight:600}.column__count{color:var(--muted);background:var(--soft);border-radius:999px;padding:0 6px;font-size:12px}.wip{color:var(--muted);font-size:11px}.wip--over{color:var(--danger);font-weight:600}.column__add{width:28px;height:28px;margin-left:auto}.column__list{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:60px;padding:4px 10px 8px;display:flex;overflow-y:auto}.column__empty{border-radius:var(--r);border:1.5px dashed var(--line-2);min-height:72px;color:var(--muted);place-items:center;font-size:12.5px;display:grid}.column__footer{text-align:left;color:var(--muted);border-radius:9px;margin:0 10px 10px;padding:8px 10px;font-weight:500}.column__footer:hover{background:var(--soft);color:var(--text)}.composer{padding:0 10px 10px}.composer textarea{border-radius:var(--r);border:1px solid var(--accent);background:var(--card);resize:none;outline:none;width:100%;padding:10px 12px;box-shadow:0 0 0 3px #7c5cff33}.composer__actions{gap:6px;margin-top:8px;display:flex}.add-column{flex:0 0 var(--col);border:1.5px dashed var(--line-2);color:var(--muted);text-align:left;border-radius:14px;padding:12px 14px;font-weight:600;transition:background .2s,color .2s}button.add-column:hover{background:var(--soft);color:var(--text)}.add-column--form{border-style:solid}.task{touch-action:manipulation;cursor:grab;border-radius:var(--r);outline-offset:2px}.task.is-dragging{opacity:.35}.task.is-dragging .card{border-style:dashed}.card{border-radius:var(--r);background:var(--card);border:1px solid var(--line);gap:8px;padding:12px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 1px 2px #00000014}.task:hover .card{background:var(--card-hover);border-color:var(--line-2)}.card--overlay{cursor:grabbing;box-shadow:var(--shadow);border-color:var(--accent);transform:rotate(2.5deg)scale(1.03)}.card--done .card__title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.card__labels{flex-wrap:wrap;gap:4px;display:flex}.tag{height:20px;color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);border-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.card__title{overflow-wrap:anywhere;font-weight:500;line-height:1.4}.card__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.card__meta>span{align-items:center;gap:4px;display:inline-flex}.prio--low{color:#8c91a1}.prio--medium{color:#4f9dff}.prio--high{color:#fbbf24}.prio--urgent{color:#f05252}.due{border-radius:6px;padding:1px 6px}.due--overdue{color:#f05252;background:#f052521f}.due--today,.due--tomorrow{color:#f59e0b;background:#f59e0b1f}.due--done,.check--full{color:#34d399}.avatars{margin-left:auto;display:inline-flex}.avatars i,.avatars--pick button{border:2px solid var(--card);background:hsl(var(--h) 60% 55%);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9.5px;font-style:normal;font-weight:700;display:grid}.avatars i+i{margin-left:-7px}.drawer-layer{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drawer{pointer-events:auto;background:var(--panel);border-left:1px solid var(--line);width:min(480px,100%);box-shadow:var(--shadow);visibility:hidden;transition:transform .45s var(--ease), visibility 0s .45s;overscroll-behavior:contain;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.is-open{visibility:visible;transition:transform .45s var(--ease);transform:none}.scrim--drawer{z-index:55;opacity:0;visibility:hidden;background:#00000059;transition:opacity .3s,visibility 0s .3s;display:block;position:fixed;inset:0}.scrim--drawer.is-open{opacity:1;visibility:visible;transition:opacity .3s}.drawer__inner{gap:4px;padding:18px 24px 28px;display:grid}.drawer__top{justify-content:space-between;align-items:center;display:flex}.drawer__status{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.drawer__status:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.drawer__title{letter-spacing:-.02em;resize:none;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;width:100%;margin:8px 0 12px -8px;padding:6px 8px;font-size:22px;font-weight:700;line-height:1.3}.drawer__title:hover{border-color:var(--line)}.drawer__title:focus{border-color:var(--accent)}.props{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;padding:14px 0 18px;display:grid}.props dt{color:var(--muted);font-size:12.5px}.props select,.props input[type=date]{border:1px solid var(--line);background:var(--card);border-radius:8px;outline:none;height:34px;padding:0 10px}.props select:focus,.props input:focus{border-color:var(--accent)}.seg--prio{background:0 0;border:0;flex-wrap:wrap;gap:4px;padding:0}.seg--prio button{height:28px}.seg--prio button.is-active{background:var(--soft);border-color:var(--line-2);color:var(--text);box-shadow:none}.label-pick{flex-wrap:wrap;gap:5px;display:flex}.tag--pick{opacity:.45;height:24px;transition:opacity .2s,box-shadow .2s}.tag--pick.is-on{opacity:1;box-shadow:inset 0 0 0 1.5px var(--c)}.avatars--pick{gap:6px;margin:0;display:flex}.avatars--pick button{opacity:.35;width:30px;height:30px;font-size:10.5px;transition:opacity .2s,transform .2s}.avatars--pick button.is-on{opacity:1;box-shadow:0 0 0 2px var(--accent)}.drawer__h{justify-content:space-between;margin:18px 0 8px;font-size:13px;font-weight:600;display:flex}.drawer__h span{color:var(--muted);font-weight:500}.drawer__desc,.checklist__add input{border:1px solid var(--line);background:var(--card);resize:vertical;border-radius:10px;outline:none;width:100%;padding:10px 12px;line-height:1.55}.drawer__desc:focus,.checklist__add input:focus{border-color:var(--accent)}.checklist li{border-radius:8px;align-items:center;gap:8px;padding:5px 4px;display:flex}.checklist li:hover{background:var(--soft)}.checklist label{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.checklist input{opacity:0;pointer-events:none;position:absolute}.checklist .box{border:1.5px solid var(--line-2);border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:background .2s,border-color .2s;display:grid}.checklist input:checked+.box{background:#34d399;border-color:#34d399}.checklist input:checked+.box:after{content:"";border:2px solid #0e0f13;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(45deg)}.checklist input:focus-visible+.box{outline:2px solid var(--accent);outline-offset:2px}.checklist li.is-done .txt{color:var(--muted);text-decoration:line-through}.checklist__add{gap:6px;margin-top:6px;display:flex}.checklist__add input{height:34px;padding:0 10px}.drawer__foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.toast{z-index:80;color:#e8eaf0;box-shadow:var(--shadow);visibility:hidden;transition:transform .4s var(--ease), visibility 0s .4s;background:#23262e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%,calc(100% + 40px))}.toast.is-visible{visibility:visible;transition:transform .4s var(--ease);transform:translate(-50%)}.toast__undo{color:#c6b8ff;background:#7c5cff40;border-radius:7px;padding:4px 10px;font-weight:600}@media (width<=1100px){.progress__text{display:none}}@media (width<=860px){:root{--col:86%}.app{grid-template-columns:1fr}.sidebar{z-index:50;visibility:hidden;width:min(300px,86vw);transition:transform .4s var(--ease), visibility 0s .4s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{visibility:visible;transition:transform .4s var(--ease);box-shadow:var(--shadow);transform:none}.scrim{z-index:45;opacity:0;visibility:hidden;background:#0006;transition:opacity .3s,visibility 0s .3s;display:block;position:fixed;inset:0}.scrim.is-open{opacity:1;visibility:visible;transition:opacity .3s}.burger{margin-left:-6px;display:grid}.topbar{padding:12px 16px}.topbar__title{font-size:18px}.progress,.hide-sm{display:none}.topbar__actions .btn{width:36px;padding:0}.topbar__row--filters{flex-wrap:wrap}.search{width:100%}.search kbd{display:none}.pfilter{width:100%}.board{scroll-snap-type:x mandatory;gap:10px;padding:14px 16px 16px;scroll-padding:0 16px}.filter-note{padding:8px 16px 0}.boards__del{opacity:1}.drawer__inner{padding:14px 18px 24px}.props{grid-template-columns:1fr;gap:6px}.props dd{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}