@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Roboto Mono';font-style: normal;font-weight: 400 500;font-display: swap;src: url(/assets/fonts/roboto-mono-latin.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas: #EDEEF0;--surface: #FFFFFF;--muted: #E2E4E7;--ink: #0A0A0A;--ink-2: #525252;--line: #DADCE0;--line-2: #CED1D6;--dk: #08090B;--dk-surface: #0F1115;--dk-muted: #15181D;--dk-line: #22262D;--dk-line-2: #2C313A;--dk-ink: #FAFAFA;--dk-ink-2: #B4B4B4;--dk-ink-3: #888888;--ok: #166534;--ok-l: #DCFCE7;--warn: #92400E;--warn-l: #FEF3C7;--err: #B91C1C;--err-l: #FEE2E2;--ok-d: #34D399;--warn-d: #FBBF24;--err-d: #F87171;--status-pending: var(--warn);--status-pending-bg: var(--warn-l);--status-pending-d: var(--warn-d);--r-inset: 4px;--r-ctl: 6px;--r-base: 10px;--r-overlay: 12px;--ease: cubic-bezier(.16,1,.3,1);--sans: 'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;--mono: 'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;font-family: var(--sans);color: var(--ink);background: var(--surface);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-feature-settings: 'cv11','ss01'}img,svg{display: block;max-width: 100%}img{height: auto}picture{display: contents}picture>source{display: none}a{color: inherit}button{font: inherit;color: inherit;cursor: pointer}h1,h2,h3,h4,p,dl,dd,ul,ol,figure{margin: 0}ul,ol{padding: 0;list-style: none}.mono{font-family: var(--mono)}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}:focus-visible{outline: 2px solid currentColor;outline-offset: 3px}.protobar{position: relative;z-index: 100;display: flex;gap: 16px;align-items: center;justify-content: space-between;padding: 7px 20px;background: #000;color: #9a9a9a;font: 500 11px/1.4 var(--mono);letter-spacing: .02em}.protobar nav{display: flex;gap: 14px}.protobar a{text-decoration: none;color: #9a9a9a}.protobar a[aria-current]{color: #fff}.protobar a:hover{color: #fff}@media (max-width: 640px){.protobar .pb-note{display: none}.protobar{padding: 7px 14px}}.chip{display: inline-flex;align-items: center;gap: 6px;padding: 3px 8px;border-radius: var(--r-inset);font: 500 11px/1.3 var(--mono);letter-spacing: .02em;white-space: nowrap}.chip::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: currentColor}.chip.ok{color: var(--ok);background: var(--ok-l)}.chip.warn{color: var(--status-pending);background: var(--status-pending-bg)}.chip.err{color: var(--err);background: var(--err-l)}.chip.neutral{color: var(--ink-2);background: var(--muted)}.on-dark .chip.ok{color: var(--ok-d);background: rgba(52,211,153,.12)}.on-dark .chip.warn{color: var(--status-pending-d);background: rgba(251,191,36,.12)}.on-dark .chip.err{color: var(--err-d);background: rgba(248,113,113,.12)}.on-dark .chip.neutral{color: var(--dk-ink-2);background: var(--dk-muted)}.draft{display: inline-block;font: 500 9.5px/1 var(--mono);letter-spacing: .08em;text-transform: uppercase;padding: 3px 5px;border: 1px dashed currentColor;border-radius: 3px;opacity: .6;vertical-align: middle}.ui{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-overlay);overflow: hidden;font-size: 12px;color: var(--ink);text-align: left}.ui-top{display: flex;align-items: center;gap: 10px;height: 38px;padding: 0 14px;border-bottom: 1px solid var(--line);background: #FAFAFA}.ui-dots{display: flex;gap: 5px}.ui-dots i{width: 8px;height: 8px;border-radius: 50%;background: var(--line-2)}.ui-crumb{font-weight: 500;color: var(--ink-2)}.ui-crumb b{color: var(--ink);font-weight: 600}.ui-top .tag{margin-left: auto;display: flex;gap: 6px}.ui-tag{font: 500 10px/1 var(--mono);padding: 4px 6px;border: 1px solid var(--line);border-radius: var(--r-inset);color: var(--ink-2);background: var(--surface)}.ui-body{display: grid;grid-template-columns: 128px minmax(0,1fr);min-height: 300px}.ui-side{border-right: 1px solid var(--line);padding: 12px 8px;display: flex;flex-direction: column;gap: 2px;background: #FBFBFB}.ui-side span{padding: 7px 10px;border-radius: var(--r-ctl);color: var(--ink-2);font-weight: 500}.ui-side span.on{background: var(--muted);color: var(--ink)}.ui-main{padding: 18px 20px}.ui-h{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 4px}.ui-h h5,.ui-h .ui-title{margin: 0;font-size: 15px;font-weight: 600;letter-spacing: -.01em}.ui-sub{color: var(--ink-2);margin-bottom: 14px}.ui-row{display: grid;grid-template-columns: minmax(0,1.3fr) auto minmax(0,1.1fr);gap: 12px;align-items: center;padding: 11px 12px;border: 1px solid var(--line);border-radius: var(--r-base);margin-bottom: 8px}.ui-row b{font-weight: 600;display: block}.ui-row small{color: var(--ink-2);font-size: 11px}.ui-row .roles{display: flex;gap: 4px;flex-wrap: wrap;justify-content: flex-end}.ui-role{font: 500 10px/1 var(--mono);padding: 4px 6px;border-radius: var(--r-inset);background: var(--muted);color: var(--ink)}.ui-role.miss{background: transparent;border: 1px dashed var(--warn);color: var(--warn)}@media (max-width: 640px){.ui-body{grid-template-columns: 1fr}.ui-side{display: none}.ui-row{grid-template-columns: 1fr auto}.ui-row .roles{grid-column: 1 / -1;justify-content: flex-start}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important}html{scroll-behavior: auto}}