@font-face{font-family:sans;src:url(/hub/assets/sans.woff2) format("woff2");font-display:swap;font-weight:100 1000}
@font-face{font-family:mono;src:url(/hub/assets/mono.woff2) format("woff2");font-display:swap;font-weight:100 800}
*,::before,::after{box-sizing:border-box;border:0 solid;margin:0;padding:0}
img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}
ul{list-style:none}h1{font-size:inherit;font-weight:inherit}
:root{color-scheme:dark;--ink:#0a0a0a;--ink-2:#0f0f0f;--ink-3:#141414;--ink-4:#1c1c1c;--lavender:#d8c8ff;--purple:#9747ff;--text:#ffffffeb;--text-2:#ffffff9e;--text-3:#fff6;--hairline:#ffffff17;--rule:#ffffff2e;--font-sans:sans,"Helvetica Neue",Arial,sans-serif;--font-mono:mono,ui-monospace,SFMono-Regular,Menlo,monospace;--sidebar:17rem;--pad:clamp(1.25rem,4vw,3.5rem);--ease-out:cubic-bezier(.165,.84,.44,1)}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-variation-settings:"wght" 400;margin:0;font-size:1rem;line-height:1.45}
a{color:inherit;text-decoration:none}::selection{background:var(--lavender);color:var(--ink)}
button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}
.mono{letter-spacing:.06em;color:var(--text-3);font-feature-settings:"tnum" 1;font-size:.75rem}
.mono{font-family:var(--font-mono);text-transform:uppercase}
.muted{color:var(--text-2)}.faint{color:var(--text-3)}
.w500{font-variation-settings:"wght" 520}
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh;display:grid}
.sidebar{border-right:1px solid var(--hairline);background:var(--ink);flex-direction:column;gap:.25rem;height:100dvh;padding:1.5rem 1.25rem;display:flex;position:sticky;top:0;overflow-y:auto}
.sidebar-group{margin-top:1.5rem}
.sidebar-label{color:var(--text-3);padding:0 .5rem .5rem;font-size:.8125rem;display:block}
.nav-item{height:2.5rem;color:var(--text-2);transition:background-color .25s,color .25s,transform .2s var(--ease-out);border-radius:.625rem;align-items:center;gap:.75rem;padding:0 .625rem;font-size:.9375rem;display:flex}
.nav-item svg{width:1.125rem;height:1.125rem;color:var(--text-3);flex-shrink:0;transition:color .25s}
.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item:hover svg{color:var(--text-2)}
.nav-item[aria-current=page]{color:var(--text);background:#ffffff12}.nav-item[aria-current=page] svg{color:var(--lavender)}
.nav-item:active{transform:scale(.98)}
.nav-item .count{font-family:var(--font-mono);color:var(--text-3);margin-left:auto;font-size:.6875rem}
.menu-btn{border:1px solid var(--hairline);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;background:0 0;border-radius:.625rem;justify-content:center;align-items:center;display:none}
.main{flex-direction:column;min-width:0;display:flex}
.topbar{z-index:10;height:3.75rem;padding:0 var(--pad);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0ad1;justify-content:space-between;gap:1rem;position:sticky;top:0}
.crumb,.topbar{align-items:center;display:flex}
.crumb{color:var(--text-2);gap:.6rem;font-size:.9375rem}.crumb svg{width:1rem;height:1rem;color:var(--text-3)}
.page{padding:clamp(2.5rem,5vw,4.5rem) var(--pad) 5rem;width:100%;max-width:72rem}
.title{letter-spacing:-.015em;font-variation-settings:"wght" 400;text-wrap:balance;margin:0;font-size:clamp(2.25rem,1.5rem + 2.4vw,3.5rem);line-height:1.05}
.meta{color:var(--text-2);flex-wrap:wrap;gap:1rem 1.75rem;margin-top:1.25rem;font-size:1rem;display:flex}
.meta span{align-items:center;gap:.5rem;display:inline-flex}.meta svg{width:1.05rem;height:1.05rem;color:var(--text-3)}
.lede{color:var(--text-2);max-width:60ch;margin:1.5rem 0 0;font-size:1.0625rem;text-wrap:pretty}
.sec{margin-top:clamp(2.5rem,5vw,4rem)}
.sec-head{color:var(--text-2);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1rem;display:flex}
.sec-head>span:first-child{align-items:center;gap:.6rem;display:inline-flex}
.sec-head a,.sec-head>span:last-child{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}
.sec-head svg{width:1.05rem;height:1.05rem;color:var(--text-3)}
.card{border:1px solid var(--hairline);background:var(--ink-2);transition:border-color .3s,background-color .3s,transform .5s var(--ease-out),box-shadow .4s;border-radius:.875rem;padding:1.35rem 1.5rem;display:block;box-shadow:inset 0 1px #ffffff09,0 1px 2px #00000059,0 8px 24px -16px #0009}
a.card:hover{border-color:var(--rule);background:var(--ink-3)}
a.card:active{transform:scale(.99)}
.stack{gap:.75rem;display:grid}.row{align-items:center;gap:1rem;display:grid}
.grid-2{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.75rem;display:grid}
.stats{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-top:2rem;display:grid}
.stat b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-variation-settings:"wght" 480;margin-top:.85rem;font-size:1.25rem;font-weight:400;line-height:1.15;display:block}
.btn{background:var(--lavender);height:2.5rem;color:var(--ink);font-variation-settings:"wght" 540;white-space:nowrap;transition:background-color .3s,color .3s,transform .3s var(--ease-out);border-radius:.625rem;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-size:.9375rem;display:inline-flex}
.btn:hover{background:#fff}.btn:active{transform:scale(.96)}
:focus-visible{outline:2px solid var(--lavender);outline-offset:2px}
.btn-ghost{color:var(--text);border:1px solid var(--hairline);background:#ffffff12}.btn-ghost:hover{background:#ffffff1f}
.btn[aria-disabled=true]{color:var(--text-3);border:1px dashed var(--hairline);cursor:default;background:0 0}
.btn-icon{width:2.5rem;padding:0}
.cover{--row:1.5rem;--bar:.5rem;border-bottom:1px solid var(--hairline);background:var(--ink);padding:2rem var(--pad) 0;position:relative}
.cover-grid{height:calc(var(--row) * var(--rows));position:relative}
.cover-row{height:var(--row);opacity:0;transform-origin:0;animation:cover-in .9s var(--ease-out) forwards;outline:none;align-items:center;display:flex;position:absolute;transform:scaleX(.6)}
@keyframes cover-in{to{opacity:1;transform:none}}
.cover-axis span{opacity:0;animation:cover-fade .6s var(--ease-out) .7s forwards}
@keyframes cover-fade{to{opacity:1}}
.cover-row:before{content:"";position:absolute;inset:0 -.5rem}
.cover-bar{width:100%;height:var(--bar);transition:background-color .3s,transform .3s var(--ease-out);background:#ffffff29;border-radius:999px;display:block;position:relative;overflow:hidden}
.cover-bar b{background:var(--lavender);border-radius:999px;position:absolute;inset:0 auto 0 0}
.cover-row.current .cover-bar{background:#d8c8ff59}.cover-row.done .cover-bar{background:var(--lavender)}
.cover-row:hover .cover-bar,.cover-row:focus-visible .cover-bar{background:#ffffff4d;transform:scaleY(1.35)}
.cover-row.current:hover .cover-bar,.cover-row.current:focus-visible .cover-bar{background:#d8c8ff8c}
.cover-label{white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease-out);align-items:baseline;gap:.6rem;display:flex;position:absolute;top:50%;left:calc(100% + .75rem);transform:translate(-.3rem,-50%)}
.cover-row.flip .cover-label{left:auto;right:calc(100% + .75rem);transform:translate(.3rem,-50%)}
.cover-row:hover .cover-label,.cover-row:focus-visible .cover-label{opacity:1;transform:translateY(-50%)}
.cover-label b{font-variation-settings:"wght" 520;color:var(--text);font-size:.875rem;font-weight:400}
.cover-label small{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:.6875rem}
.cover-axis{height:2rem;margin-top:.5rem;position:relative}
.cover-axis span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.6875rem;position:absolute;bottom:.7rem;transform:translate(-50%)}
.cover-axis span:after{content:"";background:#ffffff40;width:1px;height:.3rem;position:absolute;bottom:-.7rem;left:50%}
.cover-today{position:absolute;top:-.5rem;bottom:-2.5rem;width:1px;background:var(--purple)}
.phase{padding:0;overflow:hidden}
.phase-summary{cursor:pointer;border-radius:inherit;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 6rem 1.25rem;align-items:center;gap:1rem;padding:1.35rem 1.5rem;list-style:none;transition:background-color .3s;display:grid}
.phase-summary::-webkit-details-marker{display:none}
.phase-summary:hover{background:var(--ink-3)}
.phase:not(.current) .phase-summary{opacity:.82}.phase:not(.current):hover .phase-summary{opacity:1}
.phase-title{min-width:0}
.chevron{color:var(--text-3);transition:transform .4s var(--ease-out),color .3s;place-items:center;display:grid}
.phase[open]>.phase-summary .chevron{color:var(--text-2);transform:rotate(180deg)}
.phase[open]{border-color:var(--rule)}
.phase-body{padding:0 1.5rem 1.5rem}
.phase[open] .phase-body{animation:phase-in .5s var(--ease-out)}
@keyframes phase-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.phase-note{color:var(--text-2);font-size:.9375rem;max-width:64ch;margin:1rem 0 .25rem;text-wrap:pretty}
.ticket>summary{cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ticket>summary::-webkit-details-marker{display:none}
.ticket[open]>summary .chevron{color:var(--text-2);transform:rotate(180deg)}
.ticket{interpolate-size:allow-keywords}
.ticket::details-content{block-size:0;transition:block-size .4s var(--ease-out),content-visibility .4s allow-discrete;overflow:hidden}
.ticket[open]::details-content{block-size:auto}
.ticket[open] .ticket-body{animation:ticket-in .45s var(--ease-out)}
@keyframes ticket-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ticket-body{color:var(--text-2);padding:0 0 .9rem 1.75rem;font-size:.9375rem}
.ticket-body p{white-space:pre-line;max-width:64ch;margin:0 0 .6rem}
.ticket-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}
.ticket-link{height:2rem;padding:0 .75rem;font-size:.875rem}
.ticket-ref{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--text-3);margin-left:.15rem}
.sub{margin:.2rem 0 .8rem;display:grid;gap:.1rem;max-width:40rem}
.sub li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.875rem}
.sub li+li{border-top:1px solid var(--hairline)}
.track{background:#ffffff1a;height:.375rem;position:relative;overflow:hidden;border-radius:999px}
.fill{background:var(--lavender);border-radius:999px;transform-origin:0;width:100%;transition:transform 1.2s var(--ease-out);position:absolute;inset:0 auto 0 0;transform:scaleX(0)}
.reveal .fill{transform:scaleX(var(--p,0))}
.gantt{background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 100%) 0 0/5% 100%;border-radius:2px;height:.5rem;position:relative;display:block}
.gantt-bar{background:#ffffff29;border-radius:999px;position:absolute;top:0;bottom:0;overflow:hidden}
.gantt-bar.current{background:#d8c8ff59}
.gantt-bar.done,.gantt-bar>i{background:var(--lavender)}
.gantt-bar>i{width:0;transition:width 1.2s var(--ease-out);position:absolute;inset:0 auto 0 0}
.reveal .gantt-bar>i{width:calc(var(--p,0) * 100%)}
.gantt-today{background:var(--purple);width:1px;position:absolute;top:-.35rem;bottom:-.35rem}
.avatar{background:var(--lavender);color:var(--ink);font-family:var(--font-mono);border-radius:999px;place-items:center;font-size:.625rem;display:grid}
.arrow{transition:transform .4s var(--ease-out),color .3s;color:var(--text-3);flex-shrink:0;place-items:center;display:inline-grid}
a:hover .arrow{color:var(--text);transform:translate(2px,-2px)}
.legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:-.25rem 0 1rem;color:var(--text-3);font-size:.8125rem}
.legend span{display:inline-flex;align-items:center;gap:.45rem}
[data-reveal]{opacity:0;transition:opacity .6s var(--ease-out),transform .8s var(--ease-out);transform:translateY(10px)}
[data-reveal].reveal{opacity:1;transform:none}
[data-reveal]>.grid-2>*,[data-reveal]>.stack>*,[data-reveal]>.stats>.stat{opacity:0;transition:opacity .5s var(--ease-out),transform .7s var(--ease-out);transform:translateY(8px)}
[data-reveal].reveal>.grid-2>*,[data-reveal].reveal>.stack>*,[data-reveal].reveal>.stats>.stat{opacity:1;transform:none}
[data-reveal]>*>:nth-child(2){transition-delay:80ms}[data-reveal]>*>:nth-child(3){transition-delay:.16s}[data-reveal]>*>:nth-child(4){transition-delay:.24s}[data-reveal]>*>:nth-child(5){transition-delay:.32s}[data-reveal]>*>:nth-child(n+6){transition-delay:.4s}
@media (prefers-reduced-motion:reduce){.cover-axis span,.cover-row{opacity:1;animation:none;transform:none}[data-reveal],[data-reveal]>.grid-2>*,[data-reveal]>.stack>*,[data-reveal]>.stats>.stat{opacity:1;transition:none;transform:none}.fill,.gantt-bar>i{transition:none}.ticket::details-content{transition:none}.ticket[open] .ticket-body{animation:none}}
input.field{border:1px solid var(--rule);background:var(--ink-2);width:100%;height:2.75rem;color:var(--text);font:inherit;border-radius:.625rem;outline:none;padding:0 .9rem;display:block}
input.field:focus{border-color:var(--lavender)}
.form-error{color:#ff8a80;font-size:.875rem;margin-top:.75rem}
@media (max-width:860px){.cover{--row:.9rem;padding-block:1.25rem 0}.cover-label{display:none}
.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--hairline);height:auto;padding:.75rem var(--pad);gap:0;position:static}
.sidebar-label,.sidebar-secondary{display:none}.sidebar-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}
.sidebar-brand{padding-bottom:.25rem!important}.menu-btn{display:inline-flex}
.sidebar-group:not(.sidebar-secondary){margin-top:0;display:none}
.sidebar.open .sidebar-group:not(.sidebar-secondary){flex-direction:column;gap:.125rem;padding:.5rem 0 .25rem;display:flex}
.team-card{flex-wrap:wrap}.team-actions{width:100%;padding-left:3.85rem;justify-content:flex-start!important}.team-actions:empty{display:none}
.nav-item{height:2.75rem;font-size:1rem}.row-rec{grid-template-columns:1fr!important}
.phase-summary{grid-template-columns:minmax(0,1fr) 1.25rem}.phase-summary .gantt-wrap,.phase-summary>.mono{display:none}
.ticket-body{padding-left:0}}