:root{--bg: #f4f6f8;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f0f2f5;--ink: #1b1f27;--ink-2: #4d5563;--muted: #7d8694;--line: #e5e8ed;--line-strong: #cdd3dc;--accent: #3b7ff5;--accent-ink: #1f5fd0;--accent-soft: #e9f1fe;--ok: #15a34a;--late: #d64545;--danger: #c8302f;--radius: 10px;--shadow-sm: 0 1px 2px rgb(16 24 40 / 6%);--shadow-lg: 0 2px 6px rgb(16 24 40 / 8%), 0 16px 40px rgb(16 24 40 / 12%);color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #12141a;--surface: #1a1d24;--surface-2: #1e222a;--surface-3: #252a33;--ink: #e8eaef;--ink-2: #b3bac6;--muted: #838c9c;--line: #2a2f3a;--line-strong: #3a4150;--accent: #5a95f7;--accent-ink: #7aabff;--accent-soft: #1d2a3f;--ok: #3ec172;--late: #ef6b6b;--danger: #e05a58;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-lg: 0 2px 6px rgb(0 0 0 / 40%), 0 16px 40px rgb(0 0 0 / 50%);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}@media(max-width:860px){input,textarea,select{font-size:16px}}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}.muted{color:var(--muted)}.linkish{padding:0;border:0;background:none;color:var(--accent-ink);text-decoration:underline}.quiet{padding:.4rem .6rem;border:0;border-radius:8px;background:none;color:var(--muted);font-size:.85rem}.quiet:hover{background:var(--surface-3);color:var(--ink)}.danger{padding:.35rem .7rem;border:0;border-radius:8px;background:var(--danger);color:#fff;font-size:.85rem;font-weight:600}.icon{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:none;color:var(--ink-2);font-size:1rem}.icon:hover{background:var(--surface-3)}.icon--faint{color:var(--muted);opacity:0}li:hover .icon--faint,.icon--faint:focus-visible{opacity:1}.tag{padding:.1rem .45rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.tag--small{font-size:.62rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gate{display:grid;place-items:center;min-height:100dvh;padding:1.25rem}.gate__card{width:min(24rem,100%);padding:1.75rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.gate__brand{margin-bottom:1.5rem;font-size:1.6rem;letter-spacing:-.03em}.gate__lead{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.gate__form{display:grid;gap:.6rem}.gate__form label{color:var(--ink-2);font-size:.85rem}.gate__form input{min-height:48px;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2)}.gate__form button[type=submit]{min-height:48px;border:0;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:600}.gate__form button[type=submit]:disabled{opacity:.55;cursor:default}.gate__note{margin:.5rem 0 0;color:var(--muted);font-size:.82rem}.gate__error{margin:0;padding:.55rem .7rem;border-radius:8px;background:var(--accent-soft);color:var(--danger);font-size:.85rem}.shell{display:grid;grid-template-areas:"top" "main";grid-template-rows:auto 1fr;height:100dvh;overflow:clip}.topbar{display:flex;grid-area:top;gap:.5rem;align-items:center;padding:.35rem .5rem;border-bottom:1px solid var(--line);background:var(--surface)}.topbar__menu{width:44px;height:44px;border:0;border-radius:8px;background:none;font-size:1.15rem}.topbar__brand{font-weight:700;letter-spacing:-.02em}.shell__scrim{position:fixed;z-index:30;inset:0;background:#0c101873}.main{grid-area:main;overflow-y:auto;background:var(--bg)}.sidebar{position:fixed;z-index:31;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(17rem,84vw);padding:.75rem .6rem .5rem;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface);visibility:hidden;transform:translate(-101%);transition:transform .18s ease,visibility 0s linear .18s}.shell--menu .sidebar{visibility:visible;transform:none;transition:transform .18s ease,visibility 0s}.sidebar__brand{padding:.25rem .5rem .75rem;font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.sidebar__heading{padding:1rem .5rem .35rem;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.sidebar__links{margin:0;padding:0;list-style:none}.nav{display:flex;gap:.55rem;align-items:center;width:100%;min-height:44px;padding:.4rem .55rem;border:0;border-radius:8px;background:none;color:var(--ink-2);font-size:.94rem;text-align:left}.nav:hover{background:var(--surface-3)}.nav--on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav__icon{width:1.1rem;color:var(--muted);text-align:center}.nav--on .nav__icon{color:var(--accent-ink)}.nav__dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.nav__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__badge{min-width:1.35rem;margin-left:auto;padding:.05rem .4rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;text-align:center}.sidebar__none{padding:.35rem .6rem;color:var(--muted);font-size:.85rem}.sidebar__add,.sidebar__toggle{margin-top:.35rem;padding:.5rem .55rem;border:0;border-radius:8px;background:none;color:var(--muted);font-size:.88rem;text-align:left}.sidebar__add:hover,.sidebar__toggle:hover{background:var(--surface-3);color:var(--ink)}.sidebar__new{display:grid;gap:.4rem;padding:.4rem .2rem}.sidebar__new input{min-height:42px;padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-2)}.sidebar__new button{min-height:40px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:.88rem;font-weight:600}.sidebar__new button:disabled{opacity:.55}.sidebar__foot{display:flex;gap:.5rem;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--line)}.sidebar__me{overflow:hidden;flex:1;padding-left:.4rem;color:var(--ink-2);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.screen{max-width:62rem;margin:0 auto;padding:1rem .85rem 6rem}.screen--project{max-width:none}.screen__title{font-size:1.35rem}h1.screen__title{margin-bottom:.9rem}.empty{padding:1.5rem 0;color:var(--muted)}.project__head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.85rem}.project__dot{width:12px;height:12px;border-radius:4px}.project__people{display:flex;margin-left:.35rem}.project__people .avatar+.avatar{margin-left:-6px}.project__spacer{flex:1}.project__actions{display:flex;gap:.35rem;align-items:center;margin-left:auto}.switch{display:flex;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--surface-3)}.switch button{min-height:34px;padding:.25rem .85rem;border:0;border-radius:7px;background:none;color:var(--ink-2);font-size:.86rem}.switch .switch--on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}.group{margin-bottom:1.1rem}.group__head{display:flex;gap:.35rem;align-items:center;min-height:40px;padding-right:.25rem;border-bottom:1px solid var(--line)}.group__toggle{display:grid;place-items:center;width:28px;height:34px;border:0;background:none;color:var(--muted)}.group__toggle svg{transition:transform .14s ease;transform:rotate(90deg)}.group--shut .group__toggle svg{transform:none}.group__name{padding:.2rem .35rem;font-size:.95rem;font-weight:650}.group__count{padding:.05rem .45rem;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.75rem}.group__spacer{flex:1}.group__delete{width:34px;height:34px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:.8rem;opacity:0}.group__head:hover .group__delete,.group__delete:focus-visible{opacity:1}.group__confirm{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;color:var(--ink-2);font-size:.82rem}.group__tasks{min-height:12px}.group__empty{margin:0;padding:.6rem .5rem;color:var(--muted);font-size:.85rem}.row{display:flex;gap:.15rem;align-items:center;min-height:48px;padding:.25rem .4rem .25rem 0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left}.row:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.row:last-child{border-bottom:0;border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.row:hover{background:var(--surface-2)}.row--open{box-shadow:inset 3px 0 0 var(--accent)}.row--dragging{opacity:.35}.row--pending{opacity:.6}.row__title{overflow:hidden;display:-webkit-box;flex:1;padding:.15rem .35rem .15rem 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.row--done .row__title{color:var(--muted);text-decoration:line-through}.row__subtasks{padding:.05rem .4rem;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.72rem;white-space:nowrap}.due{padding:.1rem .45rem;border-radius:999px;color:var(--ink-2);font-size:.78rem;white-space:nowrap}.due--late{background:color-mix(in srgb,var(--late) 12%,transparent);color:var(--late);font-weight:600}.check{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:0;background:none}.check__box{display:grid;place-items:center;width:21px;height:21px;border:1.5px solid var(--line-strong);border-radius:50%;color:transparent;transition:background .12s ease,border-color .12s ease}.check:hover .check__box{border-color:var(--ok);color:var(--line-strong)}.check--on .check__box{border-color:var(--ok);background:var(--ok);color:#fff}.check:disabled{cursor:default;opacity:.5}.grip{display:grid;place-items:center;width:26px;height:44px;flex:0 0 auto;color:var(--line-strong);cursor:grab;touch-action:none}.grip svg{pointer-events:none}.grip:hover{color:var(--muted)}.grip:active{cursor:grabbing}.inline-add__trigger{display:block;width:100%;min-height:44px;padding:.5rem .5rem .5rem 2.55rem;border:0;border-radius:var(--radius);background:none;color:var(--muted);font-size:.9rem;text-align:left}.inline-add__trigger:hover{background:var(--surface-3);color:var(--ink)}.inline-add__trigger--small{padding-left:.6rem;font-size:.86rem}.inline-add{display:flex;gap:.4rem;align-items:center;padding:.25rem .35rem}.inline-add__input{width:100%;min-height:44px;flex:1;padding:.5rem .7rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface)}.inline-add__save{min-height:40px;padding:0 .85rem;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:.86rem;font-weight:600}.list{padding-bottom:2rem}.drop-line{height:3px;margin:-1px 0;border-radius:2px;background:var(--accent)}.drag-ghost{position:fixed;z-index:90;top:0;left:0;overflow:hidden;padding:.6rem .8rem;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;opacity:.95;rotate:-1.2deg}.board{display:flex;gap:.65rem;align-items:flex-start;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory}.column{display:flex;flex:0 0 86vw;flex-direction:column;max-height:100%;padding:.5rem .4rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);scroll-snap-align:start}.column--new{flex-basis:12rem;border-style:dashed;background:none}.column__head{display:flex;gap:.4rem;align-items:center;padding:.15rem .35rem .5rem}.column__name{font-size:.9rem;font-weight:650}.column__count{padding:.05rem .4rem;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.72rem}.column__cards{display:flex;flex-direction:column;gap:.4rem;min-height:44px}.card{padding:.5rem .4rem .5rem 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left}.card--open{border-color:var(--accent)}.card--dragging{opacity:.35}.card--pending{opacity:.6}.card__top{display:flex;gap:.1rem;align-items:flex-start}.card__title{flex:1;padding-top:.7rem;line-height:1.3}.card--done .card__title{color:var(--muted);text-decoration:line-through}.card__meta{display:flex;gap:.35rem;align-items:center;padding:.15rem .5rem 0 2.75rem}.card__subtasks{color:var(--muted);font-size:.75rem}.card__spacer{flex:1}.bucket{margin-bottom:1.35rem}.bucket__head{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;padding-bottom:.3rem;border-bottom:1px solid var(--line)}.bucket__head h2{font-size:1rem}.bucket__count{padding:.05rem .45rem;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.74rem}.bucket__blurb{color:var(--muted);font-size:.8rem}.mine{margin:0;padding:0;overflow:hidden;border-radius:var(--radius);list-style:none}.mine__row{display:flex;gap:.2rem;align-items:center;min-height:52px;padding-right:.55rem;border-bottom:1px solid var(--line);background:var(--surface)}.mine__row:last-child{border-bottom:0}.mine__row--done .mine__title{color:var(--muted);text-decoration:line-through}.mine__title{overflow:hidden;display:-webkit-box;flex:1;padding:.3rem .2rem;border:0;background:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;text-align:left}.mine__project{padding:.08rem .5rem;border-left:3px solid var(--line-strong);border-radius:3px;background:var(--surface-3);color:var(--ink-2);font-size:.74rem;white-space:nowrap}.inbox__head{display:flex;gap:.5rem;align-items:center;margin-bottom:.4rem}.inbox__head .screen__title{margin:0}.inbox__count{min-width:1.4rem;padding:.1rem .45rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.76rem;font-weight:700;text-align:center}.inbox{margin:0 0 1.25rem;padding:0;overflow:hidden;border-radius:var(--radius);list-style:none}.note{border-bottom:1px solid var(--line);background:var(--surface)}.note:last-child{border-bottom:0}.note__open{display:flex;gap:.6rem;align-items:flex-start;width:100%;padding:.7rem .8rem;border:0;background:none;color:inherit;font:inherit;text-align:left}.note__open:hover{background:var(--surface-3)}.note__dot{width:7px;height:7px;margin-top:.45rem;border-radius:999px;background:transparent;flex:0 0 auto}.note--new .note__dot{background:var(--accent)}.note__text{display:grid;gap:.15rem;min-width:0}.note__what{color:var(--ink-2);font-size:.9rem;line-height:1.35}.note--new .note__what{color:var(--ink)}.note__task{font-weight:600}.note__body{overflow:hidden;display:-webkit-box;color:var(--muted);font-size:.86rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note__meta{display:flex;gap:.35rem;align-items:center;color:var(--muted);font-size:.78rem}.note__when:before{content:"·";margin-right:.35rem}.inbox__email{display:flex;gap:.5rem;align-items:center;padding-top:.9rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.scrim{position:fixed;z-index:40;inset:0;background:#0c101873}.drawer{position:fixed;z-index:41;right:0;bottom:0;left:0;display:flex;height:92dvh;flex-direction:column;border-top:1px solid var(--line);border-radius:16px 16px 0 0;background:var(--surface);box-shadow:var(--shadow-lg)}.drawer__head{display:flex;gap:.35rem;align-items:center;padding:.3rem .5rem;border-bottom:1px solid var(--line)}.drawer__state{color:var(--ink-2);font-size:.88rem}.drawer__spacer{flex:1}.drawer__body{overflow-y:auto;flex:1;padding:.85rem .95rem 2.5rem}.drawer__title{width:100%;font-size:1.15rem;font-weight:650;line-height:1.3}.drawer__hint{margin:.4rem 0;padding:.5rem .65rem;border-radius:8px;background:var(--accent-soft);color:var(--ink-2);font-size:.83rem}.drawer__label{display:flex;gap:.4rem;align-items:center;margin:1.25rem 0 .4rem;color:var(--muted);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.drawer__count{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}.drawer__notes{width:100%;min-height:3rem;color:var(--ink-2);text-align:left;white-space:pre-wrap}.drawer__foot{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:2rem;padding-top:.75rem;border-top:1px solid var(--line)}.fields{display:grid;grid-template-columns:6.5rem 1fr;gap:.45rem .5rem;align-items:center;margin:1rem 0 0}.fields dt{color:var(--muted);font-size:.82rem}.fields dd{display:flex;gap:.4rem;align-items:center;margin:0}.field{min-height:40px;padding:.4rem .5rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.field-with-avatar{display:flex;gap:.4rem;align-items:center}.editable{border:1px solid transparent;border-radius:8px;background:none;text-align:inherit}.editable:hover{background:var(--surface-3)}.editable__empty{color:var(--muted)}.editable__field{width:100%;padding:.35rem .45rem;border:1px solid var(--accent);border-radius:8px;background:var(--surface);font:inherit;resize:vertical}.subtasks{margin:0;padding:0;list-style:none}.subtasks li{display:flex;gap:.15rem;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.subtask__title{flex:1;padding:.3rem .35rem}.subtask--done .subtask__title{color:var(--muted);text-decoration:line-through}.comments{margin:0;padding:0;list-style:none}.comments li{display:flex;gap:.55rem;padding:.5rem 0}.comment__who{margin:0;font-size:.85rem;font-weight:600}.comment__when{margin-left:.45rem;color:var(--muted);font-size:.76rem;font-weight:400}.comment__body{margin:.15rem 0 0;color:var(--ink-2);white-space:pre-wrap}.composer{display:grid;gap:.4rem;margin-top:.6rem}.composer__box{position:relative;display:grid}.composer__field{padding:.55rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);font:inherit;resize:vertical}.mentions{position:absolute;z-index:5;bottom:calc(100% + .3rem);left:0;width:100%;max-height:13rem;margin:0;padding:.25rem;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);list-style:none}.mention{display:flex;gap:.5rem;align-items:center;width:100%;min-height:40px;padding:.3rem .45rem;border:0;border-radius:7px;background:none;color:inherit;font:inherit;text-align:left}.mention--on{background:var(--accent-soft);color:var(--accent-ink)}.mention__name{font-weight:600}.mention__email{overflow:hidden;color:var(--muted);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.mention--on .mention__email{color:inherit;opacity:.75}.composer>button{justify-self:end;min-height:40px;padding:0 1rem;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:.88rem;font-weight:600}.composer>button:disabled{opacity:.5;cursor:default}.avatar{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border:2px solid var(--surface);border-radius:50%;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.02em;object-fit:cover}.avatar--md{width:32px;height:32px;font-size:.76rem}.avatar--lg{width:40px;height:40px;font-size:.9rem}.avatar--empty{border:1px dashed var(--line-strong);background:none;color:var(--muted)}.toasts{position:fixed;z-index:95;right:.75rem;bottom:.9rem;left:.75rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;pointer-events:none}.toast{display:flex;gap:.75rem;align-items:center;max-width:30rem;padding:.6rem .75rem .6rem .9rem;border-radius:var(--radius);background:#22262e;color:#f2f4f7;box-shadow:var(--shadow-lg);font-size:.88rem;pointer-events:auto}.toast--warn{background:var(--danger)}.toast__action{padding:.25rem .5rem;border:0;border-radius:6px;background:#ffffff29;color:inherit;font-size:.84rem;font-weight:600}@media(min-width:861px){.shell{grid-template-areas:"side main";grid-template-columns:15.5rem 1fr;grid-template-rows:1fr}.topbar,.shell__scrim,.scrim{display:none}.sidebar{position:static;grid-area:side;width:auto;visibility:visible;transform:none}.screen{padding:1.35rem 1.5rem 5rem}.screen__title{font-size:1.5rem}.column{flex-basis:19rem}.board{scroll-snap-type:none}.drawer{top:0;left:auto;width:min(28rem,44vw);height:100dvh;border-top:0;border-left:1px solid var(--line);border-radius:0}.toasts{right:auto;left:16.5rem;align-items:flex-start}}@media(min-width:1280px){.screen{padding:1.5rem 2.25rem 5rem}.drawer{width:30rem}}@media(prefers-reduced-motion:reduce){*{transition-delay:0s!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}