@font-face{font-family:Space;src:url('./assets/space-grotesk.ttf') format('truetype');font-display:swap}
@font-face{font-family:Plex;src:url('./assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
@font-face{font-family:DMSerif;src:url('./assets/dm-serif.ttf') format('truetype');font-display:swap}
:root{--ink:#162823;--ink-soft:#42544b;--paper:#f4f1e7;--white:#fffef9;--line:#c9c9b9;--acid:#d9f16b;--orange:#f4a978;--blue:#a9d7e6;--pink:#e5b4b2;--green:#bdd4b0;--focus:#1266cb;--shadow:4px 4px 0 var(--ink);font-family:Space,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:active{transform:translateY(1px)}.skip-link{position:absolute;z-index:200;top:-100px;left:12px;background:var(--acid);color:var(--ink);padding:12px 18px;font-weight:700}.skip-link:focus{top:12px}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.masthead{height:72px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding:0 32px;gap:28px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-word{font-size:24px;letter-spacing:-1.4px;font-weight:700;line-height:1}.brand-dot{color:var(--acid)}.brand-mark{width:31px;height:31px;position:relative;display:inline-block;border:2px solid var(--acid);transform:rotate(-14deg)}.brand-mark span{position:absolute;display:block;height:2px;background:var(--acid);left:4px;right:4px;transform:rotate(-35deg)}.brand-mark span:nth-child(1){top:7px}.brand-mark span:nth-child(2){top:14px}.brand-mark span:nth-child(3){top:21px}.masthead-center,.masthead-right,.masthead-label{font-family:Plex,monospace;font-size:11px;letter-spacing:1px}.masthead-center{display:flex;align-items:center;gap:14px;color:#d3dfd1}.signal-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 3px rgba(217,241,107,.13);flex:none}.masthead-rule{display:inline-block;width:36px;height:1px;background:#7b8b7f}.masthead-right{display:flex;align-items:center;gap:8px}.masthead-right strong{background:var(--acid);color:var(--ink);padding:8px 10px;font-size:13px}.masthead-label{color:#d3dfd1}
.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100dvh - 72px)}.control-desk{background:var(--ink);color:var(--white);padding:27px 22px 22px;border-right:2px solid var(--ink);position:relative;overflow:hidden}.desk-kicker,.desk-eyebrow,.desk-section-title,.desk-footer,.eyebrow,.section-kicker,.toolbar label,.toolbar-result,.lane-kicker,.card-id,.card-meta,.priority,.detail-topline,.detail-kicker,.detail-meta-label,.detail-body-label,.status-help,.feedback,.main-footer{font-family:Plex,monospace;letter-spacing:.55px}.desk-kicker{color:var(--acid);font-size:11px;display:flex;justify-content:space-between}.desk-kicker span{font-size:16px;line-height:1}.desk-graphic{height:146px;margin:23px -22px 10px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 25px,rgba(255,255,255,.06) 26px),repeating-linear-gradient(90deg,transparent,transparent 25px,rgba(255,255,255,.06) 26px)}.graphic-track{position:absolute;left:-28px;right:-15px;border-top:2px solid #829286;transform-origin:left center}.graphic-track-one{top:27px;transform:rotate(18deg)}.graphic-track-two{top:62px;transform:rotate(-17deg)}.graphic-track-three{top:102px;transform:rotate(12deg)}.graphic-track-four{top:126px;transform:rotate(-12deg)}.graphic-node{position:absolute;width:16px;height:16px;background:var(--acid);border:4px solid var(--ink);outline:2px solid var(--acid);transform:rotate(45deg)}.graphic-node-one{top:30px;left:65px}.graphic-node-two{top:88px;left:130px;background:var(--orange);outline-color:var(--orange)}.graphic-node-three{top:119px;left:43px;background:var(--blue);outline-color:var(--blue)}.desk-eyebrow{font-size:10px;color:#b7c5b8;margin:27px 0 6px}.desk-total{margin:0;display:flex;align-items:end;gap:12px}.desk-total>span{font-size:82px;font-weight:700;letter-spacing:-7px;line-height:.95;color:var(--acid)}.desk-total small{font-size:13px;line-height:1.15;margin-bottom:7px}.desk-divider{height:1px;background:#5d7167;margin:25px 0}.desk-section-title{font-size:10px;color:#b7c5b8;margin:0 0 12px}.track-nav{display:grid;gap:5px}.track-shortcut{width:100%;border:1px solid transparent;background:transparent;color:var(--white);display:flex;align-items:center;gap:10px;min-height:43px;padding:6px 9px;text-align:left;font-size:14px;transition:background .18s,border-color .18s}.track-shortcut:hover,.track-shortcut[aria-current="true"]{background:#2b4135;border-color:#68806d}.track-shortcut[aria-current="true"]{color:var(--acid)}.track-shortcut .shortcut-count{margin-left:auto;font-family:Plex,monospace;font-size:12px}.track-icon{width:12px;height:12px;border:2px solid currentColor;transform:rotate(45deg);flex:none}.track-icon.todo{color:var(--acid)}.track-icon.in-progress{color:var(--blue)}.track-icon.blocked{color:var(--orange)}.track-icon.done{color:var(--green)}.desk-note{margin-top:43px;border:1px solid #728776;padding:16px 15px;display:flex;align-items:flex-start;gap:10px;color:#d8e4d5}.note-asterisk{font-size:25px;line-height:1;color:var(--acid)}.desk-note p{font-size:12px;line-height:1.5;margin:1px 0 0}.desk-footer{font-size:9px;color:#8fa495;margin:32px 0 0}
.main-content{min-width:0;position:relative;background-color:var(--paper);background-image:radial-gradient(#d1d0bf .7px,transparent .7px);background-size:18px 18px}.intro{min-height:262px;padding:33px 42px 32px;background:var(--acid);border-bottom:2px solid var(--ink);display:flex;align-items:stretch;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.intro:after{content:"";position:absolute;width:375px;height:375px;border:2px solid rgba(22,40,35,.17);border-radius:50%;right:22%;top:-245px;box-shadow:0 0 0 42px rgba(22,40,35,.045),0 0 0 85px rgba(22,40,35,.035);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;margin:0 0 25px}.tiny-diamond{width:9px;height:9px;background:var(--ink);transform:rotate(45deg);display:inline-block;margin-right:2px}.intro-slash{opacity:.4}.intro h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-5px;line-height:.94;margin:0;position:relative;z-index:1}.intro h1 em{font-family:DMSerif,Georgia,serif;font-weight:400;letter-spacing:-2px}.intro-stamp{align-self:flex-end;border:2px solid var(--ink);width:142px;height:108px;padding:12px;display:flex;flex-direction:column;justify-content:center;transform:rotate(8deg);position:relative;z-index:1;font:700 11px/1.3 Plex,monospace;letter-spacing:1px;background:var(--acid)}.intro-stamp b{font-size:37px;line-height:1;align-self:flex-end;font-family:Space,Arial,sans-serif}
.board-section{padding:32px 40px 52px;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px}.section-kicker{font-size:11px;font-weight:700;margin:0 0 8px}.section-head h2{font-size:38px;letter-spacing:-2px;margin:0;line-height:1}.heading-period{color:#dc693f}.board-description{max-width:275px;font-size:13px;line-height:1.45;margin:0 0 2px;color:var(--ink-soft)}.toolbar{border:2px solid var(--ink);background:var(--white);display:grid;grid-template-columns:minmax(0,1fr) 220px 144px;align-items:end;gap:0;margin-bottom:20px;box-shadow:4px 4px 0 rgba(22,40,35,.14)}.search-field,.filter-field{padding:11px 14px 12px;min-width:0}.search-field{border-right:1px solid var(--line)}.filter-field{border-right:1px solid var(--line)}.toolbar label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.input-shell,.select-shell{height:39px;display:flex;align-items:center;gap:8px}.input-shell svg{flex:none}.input-shell input{border:0;background:transparent;min-width:0;width:100%;height:39px;color:var(--ink);font-size:15px;padding:0}.input-shell input:focus-visible{outline-offset:0}.input-shell input::placeholder{color:#5d685f;opacity:1}.select-shell{position:relative}.select-shell select{appearance:none;background:transparent;border:0;width:100%;height:39px;padding:0 25px 0 0;font-size:15px;color:var(--ink);font-weight:700}.select-shell span{position:absolute;right:0;top:2px;font-size:24px;pointer-events:none}.toolbar-result{font-size:10px;font-weight:700;text-align:center;padding:0 10px 24px;white-space:nowrap}
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}.board.filtered{grid-template-columns:minmax(0,1fr)}.lane{min-width:0;border:2px solid var(--ink);background:#e8e5d9}.lane-head{padding:12px 13px 12px;min-height:84px;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.lane[data-status="todo"] .lane-head{background:var(--acid)}.lane[data-status="in-progress"] .lane-head{background:var(--blue)}.lane[data-status="blocked"] .lane-head{background:var(--orange)}.lane[data-status="done"] .lane-head{background:var(--green)}.lane-head:after{content:"";width:80px;height:80px;border:2px solid rgba(22,40,35,.27);position:absolute;transform:rotate(45deg);right:-46px;top:10px}.lane-kicker{font-size:9px;font-weight:700;display:flex;align-items:center;gap:6px}.lane-kicker:before{content:"";height:7px;width:7px;border:1px solid currentColor;border-radius:50%}.lane-title-line{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:10px}.lane h3{font-size:23px;line-height:1;letter-spacing:-1px;margin:0}.lane-count{font:700 13px Plex,monospace}.lane-track{height:17px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(90deg,transparent 0 20px,var(--ink) 20px 22px,transparent 22px 24px);position:relative}.lane-track:before,.lane-track:after{content:"";position:absolute;height:2px;background:var(--ink);left:0;right:0}.lane-track:before{top:3px}.lane-track:after{top:10px}.lane-list{display:grid;gap:9px;padding:10px;min-height:184px}.task-card{background:var(--white);border:1.5px solid var(--ink);min-width:0;position:relative;padding:10px 11px 10px;box-shadow:3px 3px 0 rgba(22,40,35,.1);transition:box-shadow .18s,background .18s}.task-card:hover{box-shadow:3px 3px 0 var(--ink);background:#fff}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.card-id{font-size:9px;color:var(--ink-soft)}.priority{font-size:9px;font-weight:700;text-transform:uppercase;padding:3px 5px;border:1px solid var(--ink)}.priority.high{background:#f3c0aa}.priority.medium{background:#f5e6af}.priority.low{background:#dfebd5}.task-title{background:transparent;border:0;text-align:left;padding:0;color:var(--ink);font-size:16px;line-height:1.18;font-weight:700;letter-spacing:-.5px;display:block;width:100%;min-height:52px}.task-title:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.task-summary{font-size:11px;line-height:1.45;color:#4a5b51;margin:7px 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-divider{border-top:1px dashed #adb6a8;margin:0 0 9px}.card-meta{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#42544b;line-height:1.25;text-transform:uppercase}.card-meta span:last-child{text-align:right}.lane-empty{padding:17px 12px 22px;font:11px/1.5 Plex,monospace;color:var(--ink-soft)}.board.filtered .lane-list{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));align-items:start}.board.filtered .task-title{min-height:0}.empty-state{border:2px solid var(--ink);background:var(--white);text-align:center;padding:40px 20px 48px}.empty-state[hidden]{display:none}.empty-symbol{width:63px;height:63px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font:700 40px DMSerif,Georgia,serif;background:var(--acid)}.empty-state h3{font-size:30px;letter-spacing:-1.5px;margin:0 0 8px}.empty-state>p:not(.section-kicker){color:var(--ink-soft);font-size:14px;margin:0 0 24px}.reset-button{background:var(--ink);color:var(--white);border:2px solid var(--ink);min-height:47px;padding:10px 16px;font-weight:700}.reset-button:hover{background:#315348}.reset-button span{margin-left:14px}.main-footer{border-top:2px solid var(--ink);padding:20px 40px;display:flex;justify-content:space-between;gap:14px;font-size:10px;font-weight:700;background:#e7e5d7}.main-footer b{font-size:16px}
.detail-dialog{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;width:min(550px,100%);height:100dvh;max-height:100dvh;max-width:none;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:-12px 0 0 rgba(22,40,35,.15);overflow:auto}.detail-dialog::backdrop{background:rgba(9,25,17,.68)}.detail-dialog[open]{animation:sheet-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-in{from{transform:translateX(30px);opacity:.7}to{transform:translateX(0);opacity:1}}.detail-inner{min-height:100%;display:flex;flex-direction:column}.detail-topline{height:67px;flex:none;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:11px;font-weight:700}.detail-topline>span{display:flex;align-items:center;gap:10px}.close-detail{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid #81958a;color:var(--white)}.close-detail:hover{background:#395647}.detail-content{padding:28px 31px 36px}.detail-kicker{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:12px}.detail-status-pill{border:1px solid var(--ink);padding:4px 7px;text-transform:uppercase}.detail-status-pill.todo{background:var(--acid)}.detail-status-pill.in-progress{background:var(--blue)}.detail-status-pill.blocked{background:var(--orange)}.detail-status-pill.done{background:var(--green)}.detail-content h2{font-size:clamp(34px,4vw,53px);letter-spacing:-2.5px;line-height:1.03;margin:24px 0 19px;overflow-wrap:anywhere}.detail-project{display:inline-block;background:var(--ink);color:var(--white);padding:5px 8px;font:700 11px Plex,monospace;margin-bottom:24px}.detail-meta{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px}.detail-meta-item{padding:13px 12px 14px 0;min-width:0}.detail-meta-item:nth-child(odd){border-right:1px solid var(--line)}.detail-meta-item:nth-child(even){padding-left:17px}.detail-meta-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-meta-label{font-size:10px;font-weight:700;color:#4d5e51;margin:0 0 5px}.detail-meta-value{font-size:15px;font-weight:700;overflow-wrap:anywhere}.detail-body-label{font-size:11px;font-weight:700;margin:0 0 12px}.detail-body{font-size:16px;line-height:1.6;max-width:65ch}.detail-body p{margin:0 0 18px}.detail-body p:last-child{margin-bottom:0}.route-panel{margin-top:36px;padding:21px;background:var(--acid);border:2px solid var(--ink);box-shadow:var(--shadow)}.route-panel-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:15px}.route-panel-head span{font-size:30px;line-height:1}.route-panel label{font-size:18px;font-weight:700;letter-spacing:-.5px;display:block;margin-bottom:5px}.status-help{font-size:11px;line-height:1.4;margin:0 0 12px}.route-panel select{display:block;width:100%;height:51px;border:2px solid var(--ink);border-radius:0;background:var(--white);color:var(--ink);padding:0 13px;font-size:16px;font-weight:700}.feedback{min-height:23px;margin:11px 0 0;font-size:11px;font-weight:700;line-height:1.5}.detail-foot{margin:28px 0 0;padding-top:13px;border-top:1px dashed #9dab9b;display:flex;justify-content:space-between;font:10px Plex,monospace;color:var(--ink-soft)}
@media(max-width:1120px){.workspace{grid-template-columns:204px minmax(0,1fr)}.control-desk{padding-left:16px;padding-right:16px}.desk-graphic{margin-left:-16px;margin-right:-16px}.board-section{padding-left:25px;padding-right:25px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding-left:28px;padding-right:28px}.toolbar{grid-template-columns:minmax(0,1fr) 190px}.toolbar-result{display:none}}
@media(max-width:720px){.masthead{height:60px;padding:0 17px}.brand-word{font-size:20px}.brand-mark{height:27px;width:27px}.masthead-center,.masthead-label{display:none}.masthead-right strong{padding:6px 8px;font-size:11px}.workspace{display:block}.control-desk{padding:0;background:var(--ink)}.desk-kicker,.desk-graphic,.desk-eyebrow,.desk-total,.desk-divider,.desk-section-title,.desk-note,.desk-footer{display:none}.track-nav{display:flex;gap:3px;padding:7px 12px;overflow:auto;scrollbar-width:none}.track-nav::-webkit-scrollbar{display:none}.track-shortcut{min-height:40px;white-space:nowrap;width:auto;flex:none;border-color:#405a4b;padding:6px 10px;font-size:12px}.track-shortcut .shortcut-count{margin-left:2px}.track-icon{width:9px;height:9px}.intro{min-height:228px;padding:25px 21px 27px}.eyebrow{font-size:9px;flex-wrap:wrap;margin-bottom:29px}.intro h1{font-size:clamp(48px,11vw,71px);letter-spacing:-3.5px}.intro-stamp{width:90px;height:72px;padding:7px;font-size:7px;flex:none;transform:rotate(8deg) translate(10px,7px)}.intro-stamp b{font-size:24px}.board-section{padding:27px 15px 42px}.section-head{align-items:start;margin-bottom:18px}.section-head h2{font-size:35px}.board-description{display:none}.toolbar{grid-template-columns:minmax(0,1fr);margin-bottom:19px}.search-field{border-right:0;border-bottom:1px solid var(--line)}.filter-field{border-right:0}.search-field,.filter-field{padding:9px 14px 10px}.board{grid-template-columns:minmax(0,1fr);gap:14px}.lane-head{min-height:72px}.lane-list{grid-template-columns:minmax(0,1fr);min-height:0}.task-title{min-height:0;font-size:18px}.task-summary{font-size:12px}.card-meta{font-size:10px}.main-footer{padding:18px 17px;font-size:9px}.main-footer span:last-child{display:none}.detail-dialog{width:100%;box-shadow:none}.detail-content{padding:23px 20px 35px}.detail-topline{height:60px;padding:0 16px}.detail-content h2{font-size:38px}.route-panel{padding:17px}}
@media(max-width:380px){.intro-stamp{width:72px;font-size:6px}.intro h1{font-size:48px}.detail-meta-value{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.track-shortcut{min-height:44px}.input-shell,.select-shell,.input-shell input,.select-shell select{height:44px}.card-id,.lane-kicker{font-size:10px}.priority{font-size:10px}.task-summary{font-size:12px}.card-meta{font-size:10px}.board.filtered .task-title{min-height:44px}
@media(max-width:720px){.intro{display:block}.intro-stamp{position:absolute;right:22px;bottom:18px;transform:rotate(8deg)}.task-title{min-height:44px}.track-shortcut{min-height:44px}}