:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--paper:#f5f0e4;--paper-deep:#ece4d1;--paper-edge:#e0d6bc;--surface:#fbf8f1;--rule:#d9cfb6;--ink:#1f1a13;--ink-2:#4a4233;--ink-3:#7a705e;--ink-4:#b8ad94;--accent:#2a5fa4;--accent-deep:#1d447a;--accent-soft:#d9e3f1;--danger:#a13a30;--danger-deep:#7d2a22;--q1:#c14545;--q2:#4a7c4e;--q3:#b8862b;--q4:#5b6470;--q1-soft:#f1dada;--q2-soft:#dde7dd;--q3-soft:#ecdfc1;--q4-soft:#dde0e4;--tint-imminent:#f5d8d8;--tint-soon:#f0e5b8;--status-on:#3d7a3a;--status-mid:#b8862b;--status-off:#a13a30;--pres-1:#c14545;--pres-2:#b8862b;--pres-3:#4a7c4e;--pres-4:#2f7a78;--pres-5:#5b6470;--pres-6:#8a4a7a;--pres-7:#2a5fa4;--pres-8:#c46a3c;--pres-9:#6e8a4c;--pres-10:#c79b22;--pres-11:#b6517a;--pres-12:#8a6342;--font-display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;--font-ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-ink:"Caveat","Segoe Script",cursive;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--text-display:2.5rem;--text-h1:1.5rem;--text-h2:1.125rem;--text-body:.9375rem;--text-ui:.875rem;--text-small:.8125rem;--text-pill:.75rem;--text-mono:.8125rem;--lh-tight:1.1;--lh-snug:1.2;--lh-base:1.4;--lh-body:1.5;--track-display:-.02em;--track-h1:-.01em;--track-pill:.02em;--track-caps:.04em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--r-0:0;--r-1:3px;--r-2:6px;--r-3:10px;--r-circle:50%;--border-hair:1px solid var(--rule);--border-strong:1px solid var(--ink-4);--stroke-q:4px;--shadow-1:inset 0 1px 0 #1f1a130a;--shadow-2:0 1px 0 #1f1a130f,0 8px 28px -16px #1f1a132e;--shadow-3:0 1px 0 #1f1a130f,0 18px 50px -20px #1f1a1340;--overlay:#1f1a1373;--wash:#1f1a130f;--hover-surface:#f0ead8;--hover-task:#faf6e8;--hover-imminent:#f0c8c8;--hover-soon:#ead9a8;--ease-paper:cubic-bezier(.2,.7,.2,1);--dur-1:90ms;--dur-2:.18s;--dur-3:.32s;--dur-cursor:.2s;--toolbar-h:56px;--filter-bar-h:44px;--max-modal:28rem;--z-toolbar:10;--z-cursors:50;--z-toast:90;--z-overlay:100}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s;--dur-cursor:0s}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#1a1712;--paper-deep:#13100b;--paper-edge:#2b2519;--surface:#241f18;--rule:#3a3328;--ink:#f2ecdf;--ink-2:#cabfab;--ink-3:#968b76;--ink-4:#5f5746;--accent:#6f9fe0;--accent-deep:#93b7e9;--accent-soft:#233448;--danger:#e08a7f;--danger-deep:#ec9d93;--q1:#e07a6f;--q2:#7fae7a;--q3:#d6a94e;--q4:#8a93a0;--q1-soft:#3a2420;--q2-soft:#1f2c1f;--q3-soft:#332a16;--q4-soft:#23272d;--tint-imminent:#43292b;--tint-soon:#3a3320;--status-on:#5fa85a;--status-mid:#d6a94e;--status-off:#e08a7f;--pres-1:#e07a6f;--pres-2:#d6a94e;--pres-3:#7fae7a;--pres-4:#4fa39f;--pres-5:#98a1ae;--pres-6:#c07eae;--pres-7:#6f9fe0;--pres-8:#e0975f;--pres-9:#9cb877;--pres-10:#e0c04a;--pres-11:#df7fa6;--pres-12:#bd9168;--shadow-1:inset 0 1px 0 #ffffff0b;--shadow-2:0 1px 0 #ffffff0a,0 8px 28px -16px #0009;--shadow-3:0 1px 0 #ffffff0d,0 18px 50px -18px #000000b8;--overlay:#0009;--border-strong:1px solid var(--ink-4);--wash:#f2ecdf17;--hover-surface:#2f2a20;--hover-task:#2c2719;--hover-imminent:#532f31;--hover-soon:#463c24}}[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#1a1712;--paper-deep:#13100b;--paper-edge:#2b2519;--surface:#241f18;--rule:#3a3328;--ink:#f2ecdf;--ink-2:#cabfab;--ink-3:#968b76;--ink-4:#5f5746;--accent:#6f9fe0;--accent-deep:#93b7e9;--accent-soft:#233448;--danger:#e08a7f;--danger-deep:#ec9d93;--q1:#e07a6f;--q2:#7fae7a;--q3:#d6a94e;--q4:#8a93a0;--q1-soft:#3a2420;--q2-soft:#1f2c1f;--q3-soft:#332a16;--q4-soft:#23272d;--tint-imminent:#43292b;--tint-soon:#3a3320;--status-on:#5fa85a;--status-mid:#d6a94e;--status-off:#e08a7f;--pres-1:#e07a6f;--pres-2:#d6a94e;--pres-3:#7fae7a;--pres-4:#4fa39f;--pres-5:#98a1ae;--pres-6:#c07eae;--pres-7:#6f9fe0;--pres-8:#e0975f;--pres-9:#9cb877;--pres-10:#e0c04a;--pres-11:#df7fa6;--pres-12:#bd9168;--shadow-1:inset 0 1px 0 #ffffff0b;--shadow-2:0 1px 0 #ffffff0a,0 8px 28px -16px #0009;--shadow-3:0 1px 0 #ffffff0d,0 18px 50px -18px #000000b8;--overlay:#0009;--border-strong:1px solid var(--ink-4);--wash:#f2ecdf17;--hover-surface:#2f2a20;--hover-task:#2c2719;--hover-imminent:#532f31;--hover-soon:#463c24}.eyes-display{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--lh-tight);letter-spacing:var(--track-display);color:var(--ink);font-weight:400}.eyes-h1{font-family:var(--font-display);font-size:var(--text-h1);line-height:var(--lh-snug);letter-spacing:var(--track-h1);color:var(--ink);font-weight:500}.eyes-h2{font-family:var(--font-ui);font-size:var(--text-h2);line-height:var(--lh-snug);color:var(--ink);font-weight:500}.eyes-body{font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);color:var(--ink);font-weight:400}.eyes-ui{font-family:var(--font-ui);font-size:var(--text-ui);line-height:var(--lh-base);color:var(--ink);font-weight:500}.eyes-small{font-family:var(--font-ui);font-size:var(--text-small);line-height:var(--lh-base);color:var(--ink-3)}.eyes-pill{font-family:var(--font-ui);font-size:var(--text-pill);letter-spacing:var(--track-pill);color:var(--ink-3);font-weight:500;line-height:1}.eyes-mono{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--ink-2)}.eyes-ink{font-family:var(--font-ink);color:var(--ink-2);font-size:1.25rem;line-height:1.1}.eyes-paper-bg{background-color:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.12  0 0 0 0 0.10  0 0 0 0 0.07  0 0 0 0.045 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .eyes-paper-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.90  0 0 0 0 0.78  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}}[data-theme=dark] .eyes-paper-bg,[data-theme=dark].eyes-paper-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.90  0 0 0 0 0.78  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:var(--lh-base);margin:0;padding:0}#app{min-height:100vh}button{font:inherit;cursor:pointer}input{font:inherit;font-size:16px}.landing{display:grid;padding:var(--s-8);place-items: center;min-height:100vh}.landing__wrap{text-align:center;max-width:36rem}.landing__title{font-family:var(--font-display);letter-spacing:var(--track-display);font-size:3.5rem;font-weight:400;line-height:var(--lh-tight);margin:0 0 var(--s-5);color:var(--ink)}.landing__lede{font-family:var(--font-ui);color:var(--ink-2);margin:0 0 var(--s-8);text-wrap:pretty;font-size:1rem;line-height:1.6}.landing__lede a{color:var(--accent);text-decoration:underline}.landing__lede a:hover{text-decoration:none}.landing__error{color:var(--danger);margin-top:var(--s-4)}.toolbar{display:flex;align-items: center;gap:var(--s-4);padding:0 var(--s-5);height:var(--toolbar-h);background:var(--surface);border-bottom:var(--border-hair);position:sticky;z-index:var(--z-toolbar);top:0}.toolbar__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-h1);letter-spacing:var(--track-h1);line-height:var(--lh-snug);border-radius:var(--r-1);color:var(--ink);transition:border-color var(--dur-1)var(--ease-paper),background var(--dur-1)var(--ease-paper);background:0 0;border:1px solid #0000;flex:0 14ch;width:14ch;min-width:0;max-width:24rem;margin:0;padding:2px 6px}.toolbar__title:hover{border-color:var(--rule);cursor:text}.toolbar__title:focus{outline:none;border-color:var(--accent);background:var(--paper)}.toolbar__title::placeholder{color:var(--ink-4);font-weight:500}.status-dot{color:var(--ink-3);background:currentColor;border-radius:50%;flex:none;width:10px;height:10px}.status-dot--connecting{color:var(--ink-3)}.status-dot--connected{color:var(--status-on)}.status-dot--reconnecting{color:var(--status-mid);animation:status-dot-pulse 1.4s var(--ease-paper)infinite}.status-dot--offline{color:var(--status-off)}@keyframes status-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.status-dot--reconnecting{animation:none}}.filter-bar{display:none}body.body--filter-open .filter-bar{display:flex;padding:0 var(--s-5);height:var(--filter-bar-h);background:var(--surface);border-bottom:var(--border-hair);position:sticky;top:var(--toolbar-h);z-index:calc(var(--z-toolbar) - 1);align-items: center}.filter-bar__wrap{display:flex;align-items: center;gap:var(--s-2);border:1px solid var(--rule);border-radius:var(--r-1);background:var(--paper);transition:border-color var(--dur-1)var(--ease-paper),background var(--dur-1)var(--ease-paper);width:100%;max-width:480px;padding:4px 10px}.filter-bar__wrap:focus-within{border-color:var(--accent);background:var(--surface)}.filter-bar__icon{color:var(--ink-3);flex:none}.filter-bar__input{outline:0;font-family:var(--font-ui);font-size:var(--text-body);color:var(--ink);background:0 0;border:0;flex:auto;min-width:0;padding:4px 0}.filter-bar__input::placeholder{color:var(--ink-4)}.filter-bar__input::-webkit-search-cancel-button{-webkit-appearance:none}.filter-bar__clear{color:var(--ink-3);cursor:pointer;border-radius:var(--r-circle);background:0 0;border:0;flex:none;width:22px;height:22px;padding:0;font-size:18px;line-height:1}.filter-bar__clear:hover{color:var(--ink);background:var(--wash)}.filter-bar__clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{font-family:var(--font-ui);font-size:var(--text-ui);border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:var(--r-1);transition:background var(--dur-1)var(--ease-paper),border-color var(--dur-1)var(--ease-paper),transform var(--dur-1)var(--ease-paper);padding:7px 14px;font-weight:500}.btn:hover{background:var(--hover-surface)}.btn:active:not(:disabled){transform:scale(.99)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{color:var(--ink-4);cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn--throb{position:relative;isolation:isolate}.btn--throb:after{content:"";position:absolute;border-radius:inherit;pointer-events:none;animation:btn-throb 1.6s ease-out infinite;z-index:-1;inset:0;box-shadow:0 0 #c166408c}.btn--throb:hover:after{animation-play-state:paused}.btn--throb:focus-visible:after{animation-play-state:paused}@keyframes btn-throb{0%{box-shadow:0 0 #c166408c}70%,to{box-shadow:0 0 0 14px #c1664000}}@media (prefers-reduced-motion:reduce){.btn--throb:after{animation:none}}.btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover{background:var(--danger-deep);border-color:var(--danger-deep)}.btn--icon{display:inline-flex;color:var(--ink-2);flex:none;justify-content:center;align-items: center;padding:6px}.btn--icon:hover{color:var(--ink)}.btn--icon svg{display:block}.btn--add{margin:var(--s-2);width:calc(100% - var(--s-4));color:var(--ink-3);background:0 0;border-style:dashed}.btn--add:hover{background:var(--paper-deep);color:var(--ink);border-color:var(--ink-4)}.matrix{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);grid-template-rows:1fr 1fr;background:var(--rule);min-height:calc(100vh - var(--toolbar-h));position:relative;gap:1px}body.body--filter-open .matrix{min-height:calc(100vh - var(--toolbar-h) - var(--filter-bar-h))}.quadrant{background:var(--surface);display:flex;flex-direction:column;min-height:0}.quadrant--q1{border-top:var(--stroke-q)solid var(--q1)}.quadrant--q2{border-top:var(--stroke-q)solid var(--q2)}.quadrant--q3{border-top:var(--stroke-q)solid var(--q3)}.quadrant--q4{border-top:var(--stroke-q)solid var(--q4)}.quadrant__header{display:flex;align-items:baseline;gap:var(--s-3);padding:var(--s-4)var(--s-5)var(--s-1)}.quadrant__header h2{font-family:var(--font-ui);font-size:var(--text-h2);color:var(--ink);margin:0;font-weight:500}.quadrant__verb{font-family:var(--font-ui);color:var(--ink-3);font-size:var(--text-small)}.quadrant__list{list-style:none;padding:var(--s-2)var(--s-4);overflow-y:auto;display:flex;gap:var(--s-1);flex-direction:column;flex:auto;margin:0}.quadrant__empty{display:flex;padding:var(--s-4);justify-content:center}.btn--add-empty{border:1px dashed var(--rule);color:var(--ink-3);border-radius:var(--r-1);font-family:var(--font-ui);font-size:var(--text-small);background:0 0;padding:5px 12px}.btn--add-empty:hover{background:var(--paper-deep);color:var(--ink);border-color:var(--ink-4)}.task{display:flex;align-items: center;gap:var(--s-2);border:1px solid var(--rule);border-radius:var(--r-1);background:var(--surface);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:background var(--dur-1)var(--ease-paper);padding:8px 12px}.task:hover{background:var(--hover-task)}.task:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task--dragging{opacity:.35}.task__ghost{position:fixed;z-index:var(--z-overlay,1000);pointer-events:none;touch-action:none;box-shadow:var(--shadow-3);opacity:.95;margin:0;top:0;left:0;transform:translate(0)rotate(1.2deg)}@media (prefers-reduced-motion:reduce){.task__ghost{transform:translate(0)}}body.body--dragging,body.body--dragging .task{cursor:grabbing}.drop-indicator{list-style:none;background:var(--accent);pointer-events:none;animation:drop-indicator-in var(--dur-1)var(--ease-paper);border-radius:1px;height:2px;margin:2px 0}@keyframes drop-indicator-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.drop-indicator{animation:none}}.task--tint-imminent{background:var(--tint-imminent)}.task--tint-imminent:hover{background:var(--hover-imminent)}.task--tint-soon{background:var(--tint-soon)}.task--tint-soon:hover{background:var(--hover-soon)}.task--being-edited{position:relative;z-index:1}.task__num{font-family:var(--font-mono);font-size:var(--text-pill);color:var(--ink-3);font-variant-numeric:tabular-nums;min-width:18px}.task__label{word-break:break-word;font-size:var(--text-body);color:var(--ink);flex:auto}.task__tag{display:inline-block;font:inherit;color:var(--accent);cursor:pointer;border-radius:var(--r-1);text-decoration:none;background:0 0;border:0;margin:0;padding:0 2px;font-weight:500}.task__tag:hover{background:var(--accent-soft)}.task__tag:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.task--filtered-out{display:none!important}.task__pill{font-family:var(--font-ui);font-size:var(--text-pill);color:var(--ink-2);background:var(--wash);letter-spacing:var(--track-pill);border-radius:999px;flex:none;padding:3px 8px;font-weight:500}.task__check{border:1.5px solid var(--ink-3);border-radius:var(--r-1);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-pill);display:inline-flex;cursor:pointer;opacity:0;transition:opacity var(--dur-1)var(--ease-paper),background var(--dur-1)var(--ease-paper);background:0 0;flex:none;justify-content:center;align-items: center;width:22px;height:22px;padding:0;line-height:1}.task:hover .task__check,.task:focus-within .task__check,.task--completed .task__check{opacity:1}.task__check:hover{background:var(--wash)}.task__check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task--completed .task__check{background:var(--ink);border-color:var(--ink);color:var(--paper)}.task--completed{opacity:.55}.task--completed .task__label{text-decoration:line-through;color:var(--ink-3)}.task--completed .task__num{color:var(--ink-3)}.task--completing{pointer-events:none;overflow:hidden;animation:task-complete .26s var(--ease-paper)forwards}@keyframes task-complete{0%{opacity:1;transform:scale(1)}35%{opacity:.4;transform:scale(.97)}to{opacity:0;transform:scale(.97);height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0;margin-bottom:calc(-1*var(--s-1))}}@media (prefers-reduced-motion:reduce){.task--completing{animation-duration:1ms}}.modal__overlay{position:fixed;background:var(--overlay);display:grid;z-index:var(--z-overlay);padding:var(--s-4);overflow-y:auto;animation:overlayIn 60ms var(--ease-paper);place-items: center;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-2);padding:var(--s-5)var(--s-6)var(--s-4);max-width:var(--max-modal);box-shadow:var(--shadow-3);animation:modalIn .14s var(--ease-paper);width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal__overlay,.modal{animation:none}}.modal__title{font-family:var(--font-display);margin:0 0 var(--s-4);letter-spacing:var(--track-h1);color:var(--ink);font-size:1.375rem;font-weight:500}.modal__form{display:flex;gap:var(--s-3);flex-direction:column}.modal__row{display:flex;flex-direction:column;gap:5px}.modal__row span{font-family:var(--font-ui);font-size:var(--text-small);color:var(--ink-3)}.modal__label-input,.modal__date-input,.modal__num-input{font-family:var(--font-ui);font-size:var(--text-body);border:1px solid var(--rule);border-radius:var(--r-1);background:var(--paper);color:var(--ink);transition:border-color var(--dur-1)var(--ease-paper),background var(--dur-1)var(--ease-paper);padding:9px 11px}.modal__num-input--inline{text-align:center;flex:none;width:5em;padding:5px 7px}.modal__num-input--inline:disabled{opacity:.5;cursor:not-allowed}.modal__label-input:focus,.modal__date-input:focus,.modal__num-input:focus{outline:2px solid var(--accent);outline-offset:1px;background:var(--surface);border-color:var(--accent)}.modal__label-input::placeholder{color:var(--ink-4)}.modal__hint{font-family:var(--font-ui);font-size:var(--text-small);color:var(--ink-3);margin:0}.modal__error{font-family:var(--font-ui);color:var(--danger);font-size:var(--text-small);margin:0}.modal__actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-3)}.landing__open-existing{margin-top:var(--s-3)}.btn--boards{gap:0}.btn--boards svg:last-child{opacity:.75;margin-left:-3px}.boards-menu{z-index:60;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-2);box-shadow:var(--shadow-3);display:flex;animation:modalIn .12s var(--ease-paper);flex-direction:column;gap:2px;min-width:232px;max-width:320px;padding:6px}@media (prefers-reduced-motion:reduce){.boards-menu{animation:none}}.boards-menu__label{font-family:var(--font-ui);font-size:var(--text-small);color:var(--ink-3);padding:4px 8px 2px}.boards-menu__list{list-style:none;display:flex;overflow-y:auto;flex-direction:column;gap:1px;max-height:44vh;margin:0 0 2px;padding:0}.boards-menu__item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);text-align:left;font-family:var(--font-ui);font-size:var(--text-body);color:var(--ink);border-radius:var(--r-1);cursor:pointer;background:0 0;border:0;width:100%;padding:7px 8px}.boards-menu__item:hover,.boards-menu__new:hover{background:var(--hover-surface)}.boards-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.boards-menu__new:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.boards-menu__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boards-menu__item-id{font-size:var(--text-small);color:var(--ink-4);font-variant-numeric:tabular-nums;flex:none}.boards-menu__new{text-align:left;font-family:var(--font-ui);font-size:var(--text-body);color:var(--accent);border-radius:var(--r-1);cursor:pointer;background:0 0;border:0;width:100%;padding:7px 8px;font-weight:500}.boards-menu__new:before{content:"＋ "}.boards-menu__new--error{color:var(--danger)}.boards-menu__open{border-top:1px solid var(--rule);margin-top:4px;padding-top:6px}.boards-menu__open-input{font-family:var(--font-ui);font-size:var(--text-small);border:1px solid var(--rule);border-radius:var(--r-1);background:var(--paper);color:var(--ink);width:100%;padding:7px 8px}.boards-menu__open-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.boards-menu__open-input--invalid{border-color:var(--danger);outline-color:var(--danger)}.modal__row--inline{align-items: center;gap:var(--s-2);flex-direction:row}.modal__row--hide-events{flex-wrap:wrap;row-gap:6px}.modal__row--inline span{color:var(--ink);font-size:var(--text-body);flex:none}.modal__completed-check{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-grid;border:1px solid var(--rule);border-radius:var(--r-1);background:var(--paper);transition:background var(--dur-1)var(--ease-paper),border-color var(--dur-1)var(--ease-paper);flex:none;place-content: center;width:18px;height:18px;margin:0}.modal__completed-check:before{content:"";transition:transform var(--dur-1)var(--ease-paper);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#fff;width:10px;height:10px;transform:scale(0)}.modal__completed-check:checked{background:var(--accent);border-color:var(--accent)}.modal__completed-check:checked:before{transform:scale(1)}.modal__completed-check:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modal__completed-check:disabled{opacity:.5;cursor:not-allowed}.modal__row--completed .modal__date-input{flex:0 auto;margin-left:auto}.modal__row--completed .modal__date-input:disabled{opacity:.5}.roster{display:flex;flex-wrap:wrap;flex:none;gap:5px;margin-left:auto}.chip{border-radius:var(--r-circle);border:2px solid var(--chip-color,var(--ink-3));background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-small);display:grid;cursor:default;transition:background var(--dur-1)var(--ease-paper);place-items: center;width:30px;height:30px;padding:0;font-weight:600}.chip--self{cursor:pointer;outline:1px dashed var(--chip-color);outline-offset:2px}.chip--self:hover{background:var(--paper-deep)}.cursor-layer{position:absolute;pointer-events:none;overflow:hidden;z-index:var(--z-cursors);inset:0}.cursor{position:absolute;color:var(--cursor-color,var(--ink-3));pointer-events:none;transition:transform var(--dur-cursor)ease-out;display:flex;align-items: flex-start;gap:4px;top:0;left:0}.cursor__label{background:var(--cursor-color,var(--ink-3));color:#fff;font-family:var(--font-ui);white-space:nowrap;border-radius:3px;margin-top:14px;padding:2px 6px;font-size:11px;font-weight:500}.toast{position:fixed;top:var(--s-4);z-index:var(--z-toast);background:var(--surface);border:1px solid var(--rule);border-left:4px solid var(--accent);box-shadow:var(--shadow-2);padding:10px 14px var(--s-3)var(--s-4);display:flex;gap:var(--s-3);border-radius:var(--r-1);font-family:var(--font-ui);font-size:var(--text-small);align-items: center;left:50%;transform:translate(-50%)}.toast--update span{color:var(--ink)}.btn--toast-host{position:relative}.toast--copied{position:absolute;background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:var(--text-small);border-radius:var(--r-1);white-space:nowrap;pointer-events:none;z-index:var(--z-toast);animation:copy-toast 1.5s ease-out forwards;padding:4px 9px;font-weight:500;top:calc(100% + .4rem);right:0}.toast--copied:before{content:"";position:absolute;border:4px solid #0000;border-bottom-color:var(--ink);bottom:100%;right:.8rem}.toast--copied-error{background:var(--danger)}.toast--copied-error:before{border-bottom-color:var(--danger)}@keyframes copy-toast{0%{opacity:0;transform:translateY(-4px)}10%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.toast--copied{animation:none;opacity:1}}@media (max-width:600px){html,body{overflow-x:hidden;max-width:100%}.toolbar{padding:0 var(--s-2);gap:var(--s-2)}.toolbar__title{font-size:1.125rem}.btn--icon{padding:6px}.btn--icon svg{width:22px;height:22px}.btn--mcp{display:none}.roster{gap:3px}.chip{width:26px;height:26px}.quadrant__header{padding:var(--s-2)var(--s-2)var(--s-1)}.quadrant__list{padding:var(--s-1)var(--s-2)}.task{min-height:44px;padding:10px 12px}.task__check{display:none}.task{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num label" "num pill";column-gap:var(--s-2);align-items: center;row-gap:4px}.task__num{grid-area:num}.task__label{grid-area:label}.task__pill{grid-area:pill;justify-self:start}}