:root{color-scheme:light;--bg: #e7edf3;--panel: #ffffff;--column-bg: #f2f6f9;--ink: #1c2b3a;--ink-2: #3e5265;--muted: #5f7386;--faint: #8ba0b3;--line: #dbe3ec;--line-strong: #c6d2df;--accent: #0c7f92;--accent-strong: #0a6577;--accent-soft: #dcf0f3;--accent-wash: #eaf5f7;--danger: #c0362c;--danger-strong: #a92a21;--danger-soft: #fbebe9;--limit: #a16107;--limit-soft: #fdf3e1;--shadow-xs: 0 1px 2px rgba(18, 35, 52, .06);--shadow-sm: 0 2px 5px rgba(18, 35, 52, .07), 0 1px 2px rgba(18, 35, 52, .05);--shadow-md: 0 10px 24px rgba(18, 35, 52, .14), 0 2px 6px rgba(18, 35, 52, .08);--shadow-lg: 0 24px 50px rgba(18, 35, 52, .22), 0 6px 14px rgba(18, 35, 52, .1);--radius-card: 10px;--radius-col: 14px;--col-w: 272px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.is-modal{overflow:hidden}body.is-dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}body.is-dragging .card{cursor:grabbing}::selection{background:#0c7f9238}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{display:flex;flex-direction:column;height:100dvh;min-height:100dvh}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;-webkit-user-select:none;user-select:none}.brand__mark{display:block;border-radius:8px;box-shadow:var(--shadow-xs)}.brand__name{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.brand__name em{font-style:normal;color:var(--accent)}.topbar__sep{width:1px;height:26px;background:var(--line-strong)}.topbar__ids{display:flex;flex-direction:column;gap:0;min-width:0}.topbar__workspace{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.topbar__board{margin:0;font-size:17px;font-weight:750;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar__vr{width:1px;height:24px;background:var(--line)}.avatar-stack{display:flex;align-items:center;padding-left:6px}.avatar-stack>span+span{margin-left:-7px}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--panel)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;font-size:10px;letter-spacing:.02em;flex:none}.avatar--empty{background:transparent;border:1.5px dashed var(--faint)}.avatar--empty:before{content:"";width:6px;height:1.6px;border-radius:2px;background:var(--faint)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-2);font-family:var(--font);font-size:13px;font-weight:650;line-height:1;cursor:pointer;white-space:nowrap}.btn:hover{background:#1c2b3a0f}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.btn--primary:hover{background:var(--accent-strong)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger-strong)}.btn--danger-ghost{color:var(--danger)}.btn--danger-ghost:hover{background:var(--danger-soft)}.btn--sm{padding:6px 11px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:transparent}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:7px;background:transparent;color:var(--faint);cursor:pointer}.icon-btn:hover{background:#1c2b3a14;color:var(--ink-2)}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.filterbar__search{position:relative;display:flex;align-items:center;flex:0 1 300px;min-width:190px}.filterbar__search-icon{position:absolute;left:10px;display:inline-flex;color:var(--faint);pointer-events:none}.search-input{width:100%;height:34px;padding:0 30px 0 32px;border:1px solid var(--line);border-radius:9px;background:#f3f7fa;font-family:var(--font);font-size:13px;color:var(--ink)}.search-input::placeholder{color:var(--faint)}.search-input:focus{background:#fff;border-color:var(--accent);outline:2px solid var(--accent);outline-offset:0}.search-input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.search-clear:hover{background:#1c2b3a14}.filterbar__groups{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.chip-group{display:flex;align-items:center;gap:6px;min-width:0}.chip-group__label{font-size:10.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-right:2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink-2);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease}.chip:hover{border-color:var(--line-strong);background:#f4f8fb}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.chip__dot{width:8px;height:8px;border-radius:50%;flex:none}.filterbar__end{display:flex;align-items:center;gap:10px;margin-left:auto}.filterbar__count{font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap}.empty-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 16px 0;padding:10px 14px;border:1px solid rgba(12,127,146,.35);border-radius:12px;background:var(--accent-soft);color:var(--accent-strong)}.empty-banner__text{margin:0;font-size:13px;flex:1 1 220px}.board{display:flex;align-items:stretch;gap:12px;flex:1 1 auto;min-height:0;padding:12px 14px 14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}.column{display:flex;flex-direction:column;flex:0 0 auto;width:var(--col-w);min-height:0;background:var(--column-bg);border:1px solid var(--line);border-radius:var(--radius-col);box-shadow:var(--shadow-xs);transition:border-color .12s ease,background-color .12s ease}.column--over{border-color:var(--accent);background:#edf6f8}.column--over-blocked{border-color:var(--danger);background:#fbf1ef}.column__head{display:flex;align-items:center;gap:7px;padding:10px 12px 8px}.column__dot{width:8px;height:8px;border-radius:3px;flex:none}.column__dot[data-col=backlog]{background:#94a3b8}.column__dot[data-col=todo]{background:#4d8ef7}.column__dot[data-col=in-progress]{background:#e6920c}.column__dot[data-col=review]{background:#9a6bf0}.column__dot[data-col=done]{background:#2fa96c}.column__title{margin:0;font-size:12px;font-weight:780;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column__limit{padding:2px 6px;border-radius:6px;background:#e8eef4;color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.06em}.column__count{margin-left:auto;padding:3px 8px;border-radius:999px;background:#e3eaf1;color:var(--ink-2);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.column__count--full{background:var(--danger-soft);color:var(--danger)}.cards{list-style:none;margin:0;padding:2px 10px 10px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cards::-webkit-scrollbar{width:8px}.cards::-webkit-scrollbar-thumb{background:#5f73864d;border-radius:8px;border:2px solid var(--column-bg)}.cards__empty{padding:14px 6px;text-align:center;font-size:12px;color:var(--faint);border:1px dashed var(--line-strong);border-radius:10px}.cards__item{display:block}.card{position:relative;width:100%;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);cursor:pointer;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card[data-priority]:before{content:"";position:absolute;left:-1px;top:9px;bottom:10px;width:3px;border-radius:0 3px 3px 0}.card[data-priority=low]:before{background:#b7c3cf}.card[data-priority=medium]:before{background:#4d8ef7}.card[data-priority=high]:before{background:#e6920c}.card[data-priority=urgent]:before{background:#e5484d}.card--hidden{display:none}.card--kbd{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-md)}.card--ghost{box-shadow:var(--shadow-lg);border-color:#0c7f928c;transform:rotate(1.5deg) scale(1.02);cursor:grabbing;pointer-events:none}.card__menu{position:absolute;top:7px;right:7px;color:var(--faint);opacity:.75}.card:hover .card__menu,.card__menu:focus-visible,.card--menu-open .card__menu{opacity:1}.card__labels{display:flex;flex-wrap:wrap;gap:4px;padding-right:26px;margin-bottom:6px}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.card__title{margin:0;font-size:13.5px;font-weight:620;line-height:1.35;color:var(--ink);letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.meta-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:#edf2f7;color:var(--muted);font-size:11px;font-weight:620;max-width:100%}.meta-chip--person{padding:2px 9px 2px 3px}.meta-chip--unassigned{color:var(--faint);gap:4px}.meta-chip--due.meta-chip--overdue{background:var(--danger-soft);color:var(--danger);font-weight:750}.meta-chip--due.meta-chip--today{background:var(--limit-soft);color:var(--limit);font-weight:700}.meta-chip__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-slot{border:2px dashed rgba(12,127,146,.55);background:#0c7f9214;border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;transition:background-color .1s ease}.drop-slot--blocked{border-color:#c0362c99;background:#c0362c17}.drop-slot__note{font-size:10.5px;font-weight:750;color:var(--danger);background:#fff;padding:2px 8px;border-radius:999px;box-shadow:var(--shadow-xs)}.ghost{position:fixed;left:0;top:0;z-index:90;pointer-events:none;will-change:transform}.column__foot{padding:0 10px 10px}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;border:1px dashed var(--line-strong);border-radius:10px;background:#ffffff8c;color:var(--muted);font-family:var(--font);font-size:12.5px;font-weight:650;cursor:pointer;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.add-btn:hover{color:var(--accent-strong);border-color:var(--accent);background:#0c7f9212}.add-btn__plus{font-size:15px;font-weight:700;line-height:1}.add-form{display:flex;flex-direction:column;gap:7px;padding:9px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm)}.add-form__row{display:flex;gap:6px}.form-error{margin:0;padding:6px 9px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:11.5px;font-weight:650}.form-note{margin:0 0 8px;padding:7px 9px;border-radius:8px;background:var(--limit-soft);color:var(--limit);font-size:11.5px;font-weight:650}.text-input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#f6f9fc;color:var(--ink);font-family:var(--font);font-size:13.5px}.text-input:focus{background:#fff;border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.statusbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 16px;background:var(--panel);border-top:1px solid var(--line)}.statusbar__notice{margin:0;font-size:12px;color:var(--muted)}.statusbar__meta{margin-left:auto;font-size:12px;color:var(--faint);white-space:nowrap}.menu{position:fixed;z-index:130;min-width:200px;max-height:min(340px,calc(100dvh - 16px));overflow-y:auto;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);animation:menu-in .12s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}}.menu__title{margin:4px 8px 5px;font-size:10px;font-weight:780;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.menu__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--ink-2);font-family:var(--font);font-size:13px;font-weight:600;text-align:left;cursor:pointer}.menu__item:hover,.menu__item:focus{background:#eef3f8;outline:none}.menu__item--danger{color:var(--danger)}.menu__item--danger:hover,.menu__item--danger:focus{background:var(--danger-soft)}.menu__meta{margin-left:auto;font-size:10.5px;font-weight:650;color:var(--faint)}.menu__sep{margin:6px;border:none;border-top:1px solid var(--line)}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0d192680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlay-in .14s ease-out}@keyframes overlay-in{0%{opacity:0}}.dialog{display:flex;flex-direction:column;width:min(700px,100%);max-height:calc(100dvh - 48px);background:var(--panel);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:dialog-in .16s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.dialog__head{display:flex;align-items:flex-start;gap:10px;padding:16px 18px 6px}.dialog__head-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.dialog__crumb{font-size:10.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);padding-left:9px}.dialog__title-input{width:100%;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:#f3f7fa;color:var(--ink);font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:-.01em}.dialog__title-input:hover{border-color:var(--line)}.dialog__title-input:focus{background:#fff;border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.dialog__title-input--invalid{border-color:var(--danger);background:#fff}.dialog__done{margin-top:22px}.dialog__close{margin-top:22px;width:30px;height:30px;color:var(--muted)}.dialog__body{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:22px;padding:8px 18px 18px;overflow-y:auto}.dialog__main{min-width:0;display:flex;flex-direction:column;gap:8px}.field-label{font-size:10.5px;font-weight:780;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.text-area{width:100%;min-height:110px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#f6f9fc;color:var(--ink);font-family:var(--font);font-size:13.5px;line-height:1.5;resize:vertical}.text-area:focus{background:#fff;border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.checklist-block{display:flex;flex-direction:column;gap:8px;margin-top:8px}.checklist-head{display:flex;align-items:baseline;gap:10px}.checklist-progress{font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.check-item{border:1px solid var(--line);border-radius:9px;background:#f6f9fc}.check-item__label{display:flex;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:550;color:var(--ink-2);cursor:pointer}.check-item--done .check-item__label span{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line-strong)}.check-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex:none}.muted-note{margin:0;font-size:12.5px;color:var(--faint)}.dialog__side{display:flex;flex-direction:column;gap:15px;min-width:0}.side-field{display:flex;flex-direction:column;gap:5px}.select{width:100%;padding:8px 30px 8px 10px;border:1px solid var(--line);border-radius:9px;background:#f3f7fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f7386' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;-webkit-appearance:none;color:var(--ink);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer}.select:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.side-value{margin:0;font-size:13px;font-weight:600;color:var(--ink-2)}.side-value--wrap{display:flex;flex-wrap:wrap;gap:5px}.due-flag{display:inline-flex;align-items:center;gap:6px}.due-flag--overdue{color:var(--danger)}.prio-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:750;text-transform:capitalize}.prio-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.prio-chip--low{background:#eef2f6;color:#64788c}.prio-chip--medium{background:#e3effd;color:#1d5fc2}.prio-chip--high{background:var(--limit-soft);color:var(--limit)}.prio-chip--urgent{background:var(--danger-soft);color:var(--danger)}.dialog__foot{display:flex;align-items:center;gap:10px;padding:11px 18px;border-top:1px solid var(--line);background:#fafcfd}.confirm{width:min(420px,100%);padding:20px 22px;background:var(--panel);border-radius:16px;box-shadow:var(--shadow-lg);animation:dialog-in .16s ease-out}.confirm h2{margin:0 0 8px;font-size:16.5px;font-weight:750;letter-spacing:-.01em}.confirm p{margin:0 0 18px;font-size:13.5px;color:var(--ink-2)}.confirm__row{display:flex;justify-content:flex-end;gap:8px}.toasts{position:fixed;left:50%;bottom:52px;transform:translate(-50%);z-index:150;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92vw,520px)}.toast{display:flex;align-items:center;gap:10px;max-width:100%;padding:10px 10px 10px 14px;border-radius:12px;background:#22333f;color:#ecf3f8;font-size:13px;box-shadow:var(--shadow-lg);animation:toast-in .18s ease-out}.toast--limit{box-shadow:var(--shadow-lg),inset 3px 0 #e6920c}.toast--danger{box-shadow:var(--shadow-lg),0 0 0 1px #e5484d59 inset}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast__msg{min-width:0;overflow-wrap:anywhere}.toast__action{flex:none;padding:4px 8px;border:none;border-radius:7px;background:#7ad6e224;color:#8adbe8;font-family:var(--font);font-size:12.5px;font-weight:750;cursor:pointer}.toast__action:hover{background:#7ad6e23d}.toast__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:#93aab8;cursor:pointer;flex:none}.toast__close:hover{background:#ffffff1f;color:#fff}@media(max-width:760px){.app{height:auto;min-height:100dvh}.topbar{padding:10px 12px;gap:10px}.topbar__vr{display:none}.topbar__board{font-size:16px}.btn{padding:7px 10px;font-size:12.5px}.filterbar{padding:8px 12px;gap:8px}.filterbar__search{flex:1 1 100%;min-width:0}.filterbar__groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:14px;padding-bottom:2px}.filterbar__groups::-webkit-scrollbar{display:none}.chip-group{flex:none}.filterbar__end{margin-left:0}.board{gap:10px;padding:10px 12px 14px;--col-w: 296px}.statusbar{padding:8px 12px}.statusbar__meta{margin-left:0}.empty-banner{margin:8px 12px 0}.overlay{padding:0}.dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.dialog__body{grid-template-columns:1fr;gap:16px}.toasts{bottom:56px}.confirm{margin:16px;width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}