@font-face{font-family:WorkChivo;src:url('/brand-assets/fonts/chivo.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:WorkRound;src:url('/brand-assets/fonts/zen-maru-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:WorkKaku;src:url('/brand-assets/fonts/zen-kaku-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Warehouse;src:url('/brand-assets/fonts/barlow-condensed-900.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--accent:#376a91;--accent-hover:#265171;--focus:#2b648f;--selection:#d4e6f1;--ink:#243a4a;--muted:#5b7080;--line:#c8d4db;--page:#edf3f5;--panel:#fff}body{background:#edf3f5}.topbar{background:#dcebf1;color:#243a4a;border-bottom:1px solid #b3c8d3;padding:21px 32px;min-height:80px}.topbar .logo,.topbar .brand{font-family:WorkChivo,Noto,sans-serif;font-weight:800;font-size:26px}.topbar .team{background:transparent;border:0;color:#496574}.topbar small,.topbar p{color:#496574}main{max-width:none;min-width:0;padding:34px 32px 40px}.project-heading{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:45px;border-bottom:1px solid #b7cbd5;padding-bottom:28px}.project-heading h1{font-family:WorkChivo,Noto,sans-serif;font-size:30px;letter-spacing:-.025em}.progress-summary{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;width:auto}.progress-track{height:6px;border-radius:0;background:#c8dce5}.progress-track>span{border-radius:0;background:#376a91}.toolbar{margin:23px 0;border:0;background:transparent;padding:0;box-shadow:none}.board{display:grid;grid-template-columns:repeat(4,minmax(270px,1fr));gap:22px;width:100%;max-width:100%;overflow:auto;align-items:start}.board>.column{width:auto;min-width:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.column>header{padding:17px 0;border-top:4px solid #a4bccb;border-bottom:1px solid #c8d4db;margin-bottom:15px;background:none;border-radius:0}.column[data-stage=doing]>header{border-top-color:#376a91}.column[data-stage=review]>header{border-top-color:#b78b37}.column[data-stage=done]>header{border-top-color:#4c7b69}.column h2{font-size:15px}.task,.task-card{border-radius:3px;border:1px solid #c4d3dc;background:#fff;box-shadow:none}.task:hover,.task-card:hover{border-color:#7196af}.board-foot{border-top:1px solid #b7cbd5;padding-top:22px;color:#5b7080}.button,.primary{border-radius:3px}@media(max-width:900px){.topbar{padding:18px 22px}.project-heading{grid-template-columns:1fr 240px;gap:25px}main{padding:26px 22px}.project-heading h1{font-size:26px}.board{grid-template-columns:repeat(4,285px)}}@media(max-width:600px){.topbar{padding:18px 16px;gap:14px;flex-wrap:wrap}.topbar .team{font-size:12px}main{padding:24px 16px}.project-heading{display:block;padding-bottom:22px}.progress-summary{margin-top:20px;max-width:100%;width:100%}.toolbar{display:block}.toolbar .filters{margin-top:15px;flex-wrap:wrap}.toolbar input,.toolbar select{font-size:16px}.board{gap:16px;grid-template-columns:repeat(4,280px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--field:#fff;--on-accent:#fff;--hover:#265171;--soft:#e2edf2;--bar:#e7eef2;--row-hover:#eef5f8;--danger:#9c3835;color-scheme:light}
.due.overdue{color:#9c3835}
.dialog-head button{color:#3b5668}dialog .delete{color:#9c3835}
.task-title{color:#243a4a}.task-title:hover{color:#245d88}.task-desc{color:#516574}.task-id{color:#5c7280}.task-meta{color:#526b78;border-top-color:#d5e0e6}.task-checklist label{color:#344e5c}.task-move button,.column-add{color:#345e7a;border-color:#b2c7d5;background:#f4f8fb}.task-move button:hover,.column-add:hover{background:#dcebf3;color:#244b66}.task:hover{background:#f8fbfd}.priority{background:#e7edf2;color:#4a6171}.priority.high{background:#f4e5c9;color:#765017}.priority.low{background:#e1eee7;color:#36604c}.dependency-state{color:#4f6c58}.dependency-state.blocked{color:#845d24}.column.drag-over{background:#dceaf2;outline-color:#376a91}.orbit-mark{stroke:#376a91}

.project-modes{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 23px;padding:18px 0;border-block:1px solid #b9cbd4}.project-view-controls{display:flex;align-items:center;gap:18px}.project-view-controls label,.dependency-heading label{font-size:12px;display:flex;align-items:center;gap:10px;color:#4d6574}.project-view-controls select,.dependency-heading select{min-height:44px;border:1px solid #9eb6c5;background:#f8fbfd;color:#29495e;border-radius:3px;font:14px Noto,sans-serif;padding:8px 12px;max-width:100%}.mobile-stage-label{display:none!important}#unblock-summary{display:flex;align-items:center;gap:18px;font-size:12px;color:#5a6c76}#unblock-summary button{min-height:44px;background:#e0ecf2;border:1px solid #a0bbc9;color:#315a72;padding:8px 12px;max-width:330px;font-size:12px}.dependency-workbench{padding:26px 0;min-width:0}.dependency-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px}.dependency-heading h2{font-size:24px;margin:0}.dependency-heading label{max-width:65%}.dependency-heading select{max-width:340px}.dependency-workbench[hidden],.board[hidden]{display:none!important}#dependency-path{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:45px;position:relative}.dependency-branch{position:relative;min-width:0}.dependency-branch:not(:last-child)::after{content:'';position:absolute;right:-32px;top:84px;width:20px;height:1px;background:#728e9d}.dependency-branch h3{font-weight:400;font-size:13px;color:#526c7a;border-top:1px solid #a3b9c6;padding-top:16px;margin:0 0 18px}.dependency-task{display:flex;flex-direction:column;gap:12px;width:100%;padding:22px 18px;border:1px solid #a8c0ce;border-radius:0;text-align:left;background:#f8fbfd;color:#294657;min-height:128px;margin-bottom:12px;transition:background .18s ease-out,border-color .18s ease-out}.dependency-task strong{font-size:17px;font-weight:500;line-height:1.8}.dependency-task small,.dependency-task>span{font-size:12px;color:#506a78}.dependency-task:hover{background:#dcecf4;border-color:#6891a8}.dependency-focus .dependency-task{background:#d5e8f2;border-color:#749eb5}.dependency-focus>.button{width:100%;min-height:44px;background:#376a91;color:#fff;border:0;padding:10px}.dependency-empty{color:#617783;font-size:13px;line-height:2;padding-top:15px}#dependency-checks{padding:24px 0;margin-top:30px;border-top:1px solid #b3c8d2}#dependency-checks h3{font-size:16px;font-weight:500;line-height:1.9;color:#36566b}#dependency-checks p{font-size:13px;color:#526c7a;line-height:1.9}.dependency-workbench :focus-visible,.project-modes :focus-visible{outline:2px solid #376a91;outline-offset:3px}@media(max-width:900px){.project-modes{align-items:start;flex-direction:column;gap:14px}#dependency-path{gap:24px}.dependency-branch:not(:last-child)::after{right:-19px;width:12px}.dependency-task{padding:18px 13px}.dependency-task strong{font-size:15px}}@media(max-width:600px){.project-modes{margin-top:5px}.project-view-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:14px}.project-view-controls label{display:grid!important;gap:8px}.project-view-controls select{font-size:16px;width:100%;padding-inline:10px}#unblock-summary{align-items:start;flex-direction:column;width:100%;gap:10px}#unblock-summary button{max-width:100%;width:100%;text-align:left}.board[data-mobile-stage]:not([data-mobile-stage=all]){grid-template-columns:minmax(0,1fr);overflow:visible}.board .column[data-mobile-hidden=true]{display:none}.dependency-heading{display:block;margin-bottom:24px}.dependency-heading label{display:grid;max-width:100%;margin-top:16px}.dependency-heading select{max-width:100%;width:100%;font-size:16px}#dependency-path{grid-template-columns:1fr;gap:26px}.dependency-branch:not(:last-child)::after{height:14px;width:1px;left:50%;top:auto;bottom:-20px}.dependency-task{min-height:100px;padding:19px}.dependency-task strong{font-size:17px}.dependency-branch h3{padding-top:13px}.mobile-board-hint{display:none}.dependency-workbench{padding-top:12px}#dependency-checks{margin-top:20px}}@media(prefers-reduced-motion:reduce){.dependency-task{transition:none}}

/* Task refinement · 2026-11-02 */
.task-skip{position:fixed;z-index:1000;left:16px;top:12px;transform:translateY(-180%);background:var(--accent,#1a4867);color:#fff;padding:13px 20px;border-radius:4px;min-height:48px;text-decoration:none}.task-skip:focus{transform:translateY(0)}#task-workspace:focus{outline:0}.demo-bar>span{display:none}button,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent,#21577b);outline-offset:4px}input,select,textarea{caret-color:var(--accent,#21577b)}td,dd,strong{font-variant-numeric:tabular-nums}.table-wrap{overscroll-behavior-inline:contain}dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}@media(max-width:760px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}button{min-height:44px}.demo-bar{gap:10px}}

/* Task refinement · 2026-11-02 */
.deadline-schedule[hidden]{display:none}.deadline-schedule{max-width:1250px;margin:25px auto}.deadline-schedule>section{margin-bottom:38px}.deadline-schedule h2{font-size:17px;color:#555667;font-weight:500;padding-bottom:14px;border-bottom:1px solid #c7c5d3}.deadline-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:26px;padding:25px 0;border-bottom:1px solid #dbd9e3}.deadline-row>time{font-family:WorkChivo,Noto,sans-serif;font-size:17px;color:#68617d}.deadline-row button{background:none;border:0;padding:0;text-align:left;font-size:19px;font-weight:600;color:#312c43;min-height:36px}.deadline-row button:hover{text-decoration:underline;text-underline-offset:6px}.deadline-row p{font-size:13px;color:#6f6482;margin:8px 0}.deadline-row div>span{font-size:14px;line-height:1.9;color:#665e74}.deadline-schedule [data-deadline-group=overdue]>h2,.deadline-schedule [data-deadline-group=overdue] time{color:#974b39}.task-desc{font-size:14px!important;line-height:1.9}.task-meta{font-size:13px!important}.dependency-task strong{font-size:16px}.dependency-task>span{font-size:13px}.task-title{font-size:16px}@media(max-width:760px){.deadline-row{grid-template-columns:1fr;gap:4px;padding-block:23px}.deadline-row>time{font-size:14px}.deadline-row button{font-size:18px;min-height:44px}.deadline-row p{font-size:13px}.deadline-schedule h2{font-size:16px}.dependency-heading{gap:14px}.task-checklist label{min-height:44px}}