:root{--font-ui:"Yu Serif Codex", "Yu Serif", Georgia, serif;--color-bg:#f7f7f2;--color-panel:#fff;--color-border:#d8d8ce;--color-text:#23251f;--color-muted:#6f746a;--color-done:#6f9c73;--color-blocked:#b56b2d;--color-review:#6f83a6;--color-progress:#5368ff;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--radius-2:8px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);margin:0}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:196px minmax(0,1fr);min-height:100vh;display:grid}.app-nav{border-right:1px solid var(--color-border);padding:var(--space-4);background:var(--color-panel)}.app-nav strong{margin-bottom:var(--space-3);display:block}.app-main{padding:var(--space-4) clamp(var(--space-4), 2vw, 1.5rem)}.nav-item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;margin-top:.375rem;display:block}.nav-item:hover,.nav-item:focus-visible,.nav-item[aria-current=page]{border-color:var(--color-border);background:var(--color-bg)}.page-header{justify-content:space-between;align-items:end;gap:var(--space-4);min-height:5.25rem;margin-bottom:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(24rem,34rem);display:grid}.page-header h1,.page-header p{margin:0}.page-header p{color:var(--color-muted)}.command-menu{position:relative}.command-menu__trigger,.command-menu__panel button,.saved-filter-panel button{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);min-height:2.25rem;color:var(--color-text);cursor:pointer}.command-menu__trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:inline-flex}.command-menu__panel{z-index:20;top:calc(100% + var(--space-2));gap:var(--space-2);width:min(280px,80vw);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);display:grid;position:absolute;right:0;box-shadow:0 16px 40px #23251f24}.command-menu__panel button,.saved-filter-panel button{padding:var(--space-2) var(--space-3);text-align:left}.saved-filter-panel{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.saved-filter-panel button[aria-pressed=true]{border-color:var(--color-review);background:color-mix(in srgb, var(--color-review), white 86%)}.issue-composer{gap:var(--space-2);justify-self:end;align-items:end;width:min(100%,34rem);margin:0;display:flex}.issue-composer label{flex:1;gap:.25rem;display:grid}.issue-composer label span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.issue-composer input,.issue-composer button,.issue-row button,.detail-drawer button,.detail-drawer input,.detail-drawer textarea,.detail-drawer select,.catalog-panel input,.catalog-panel button{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);min-height:2.25rem;color:var(--color-text)}.issue-composer input{width:100%;padding:var(--space-2) var(--space-3)}.issue-composer button,.issue-row button,.detail-drawer button,.catalog-panel button{padding:var(--space-2) var(--space-3);cursor:pointer}.flow-board{gap:var(--space-3);grid-template-columns:repeat(2,minmax(240px,380px));align-items:start;max-width:800px;display:grid;overflow-x:auto}.flow-column{--column-accent:var(--color-muted);min-height:max(36rem,100vh - 13rem);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-border), transparent 24%);border-radius:var(--radius-2);background:color-mix(in srgb, var(--color-panel), var(--color-bg) 30%)}.flow-column--column-todo{--column-accent:#b27d45}.flow-column--column-in-progress{--column-accent:var(--color-progress)}.flow-column__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.flow-column__header h2{align-items:center;gap:.45rem;margin:0;font-size:.95rem;line-height:1.2;display:inline-flex}.flow-column__header h2:before{background:var(--column-accent);content:"";border-radius:999px;width:.45rem;height:.45rem;display:inline-block}.flow-column__header span{border:1px solid color-mix(in srgb, var(--color-border), transparent 35%);background:color-mix(in srgb, var(--color-panel), transparent 16%);min-width:1.45rem;height:1.45rem;color:var(--color-muted);border-radius:4px;place-items:center;font-size:.78rem;display:inline-grid}.flow-column__issues{gap:var(--space-3);margin-top:var(--space-3);align-content:start;justify-items:start;display:grid}.issue-row{gap:var(--space-2);border:1px solid color-mix(in srgb, var(--color-border), transparent 20%);border-radius:var(--radius-2);background:var(--color-panel);width:min(100%,17.75rem);min-height:5.9rem;padding:.7rem;display:grid}.issue-row__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.issue-row h3,.issue-row p{margin:0}.issue-row h3{overflow-wrap:anywhere;min-width:0;font-size:.95rem;font-weight:650;line-height:1.25}.issue-row p{color:var(--color-muted)}.issue-row button.issue-row__icon-button,.issue-row button.issue-row__flow-button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.issue-row__actions{align-items:center;gap:.45rem;min-width:0;display:flex}.issue-row button.issue-row__icon-button{border-radius:4px;flex:0 0 2rem;width:2rem;height:2rem;min-height:2rem;padding:0}.issue-row button.issue-row__flow-button{flex:none;justify-self:start;min-height:1.9rem;padding:.32rem .5rem}.issue-view,.issue-list{gap:var(--space-3);display:grid}.empty-state{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2);background:color-mix(in srgb, var(--color-panel), var(--color-bg) 24%);color:var(--color-muted);margin:0}.issue-badge{background:color-mix(in srgb, var(--color-blocked), white 82%);width:max-content;color:var(--color-blocked);border-radius:999px;padding:.125rem .375rem}.progress-pulse{aspect-ratio:328/50;flex:auto;width:min(100%,10.25rem);min-width:9rem;display:block;position:relative;overflow:visible}.progress-pulse__canvas{width:100%;height:100%;display:block}.detail-drawer{z-index:10;width:min(420px,100vw);padding:var(--space-4);border-left:1px solid var(--color-border);background:var(--color-panel);position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-24px 0 60px #23251f1f}.detail-drawer input,.detail-drawer textarea,.detail-drawer select,.catalog-panel input{width:100%;padding:var(--space-2) var(--space-3)}.detail-drawer textarea{resize:vertical}.detail-drawer header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.detail-drawer h2,.detail-drawer h3,.detail-drawer p{margin:0}.detail-drawer section{gap:var(--space-2);margin-top:var(--space-4);display:grid}.detail-drawer__eyebrow{color:var(--color-muted)}.detail-drawer__icon-button{flex:0 0 2rem;place-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;display:inline-grid}.detail-drawer__primary-button,.detail-inline-form button,.catalog-form button,.catalog-list button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.detail-drawer__primary-button{justify-self:start}.detail-field,.detail-inline-form{gap:.35rem;display:grid}.detail-field span{color:var(--color-muted);font-size:.86rem}.detail-field-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.detail-inline-form{grid-template-columns:minmax(0,1fr) 2.25rem;align-items:end}.detail-inline-form button,.catalog-form button,.catalog-list button{width:2.25rem;min-width:2.25rem;padding:0}.detail-chip-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-chip{border:1px solid var(--color-border);border-radius:var(--radius-2);background:color-mix(in srgb, var(--color-panel), var(--color-bg) 26%);align-items:center;gap:.35rem;padding:.35rem .55rem;display:inline-flex}.detail-chip input,.detail-checklist input{width:auto;min-height:0;accent-color:var(--color-progress);background:0 0;border:0;padding:0}.detail-checklist{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.detail-checklist label{align-items:center;gap:var(--space-2);display:flex}.detail-checklist input:checked+span{color:var(--color-muted);text-decoration:line-through}.project-workspace{gap:var(--space-3);grid-template-columns:repeat(2,minmax(260px,1fr));max-width:920px;display:grid}.catalog-panel{align-content:start;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-border), transparent 20%);border-radius:var(--radius-2);background:color-mix(in srgb, var(--color-panel), var(--color-bg) 24%);display:grid}.catalog-panel header,.catalog-list li{align-items:center;gap:var(--space-2);display:flex}.catalog-panel header{justify-content:space-between}.catalog-panel h2,.catalog-empty{margin:0}.catalog-panel h2{font-size:1rem}.catalog-panel header span,.catalog-list li>span{border:1px solid color-mix(in srgb, var(--color-border), transparent 35%);min-width:1.45rem;height:1.45rem;color:var(--color-muted);border-radius:4px;place-items:center;font-size:.78rem;display:inline-grid}.catalog-form{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 2.25rem;display:grid}.catalog-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.catalog-list li input{min-width:0}.catalog-list li>span{flex:none}.catalog-list li button{flex:0 0 2.25rem}.catalog-empty{color:var(--color-muted)}@media (width<=760px){.app-shell{grid-template-columns:1fr}.app-nav{border-right:0;border-bottom:1px solid var(--color-border)}.page-header{grid-template-columns:1fr;align-items:start}.issue-composer{flex-direction:column;justify-self:stretch}.detail-field-grid,.project-workspace{grid-template-columns:1fr}}
