:root{--bg: #f3f5f8;--surface: #ffffff;--surface-2: #e9edf3;--line: #d5dbe5;--fg: #141a26;--muted: #586276;--faint: #8a93a6;--accent: #2c4bd1;--accent-fg: #ffffff;--accent-soft: #e3e8fb;--req: #c2410c;--req-soft: #fbe6da;--inc: #5b6b85;--inc-soft: #e6eaf1;--warn: #a15c00;--warn-soft: #fdf0d5;--good: #1f7a4d;--good-soft: #def3e7;--bad: #b42318;--bad-soft: #fde4e1;--mark: #fff0a8;--j1: #2f63d0;--j2: #b8336f;--j3: #237f5c;--j4: #a56a00;--j5: #6d45c4;--j6: #12819a;--j7: #c0472d;--font-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--step--1: .8125rem;--step-0: .9375rem;--step-1: 1.125rem;--step-2: 1.4rem;--step-3: 1.85rem;--radius: 8px;--topbar-h: 56px;--sidebar-w: 300px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0;text-wrap:balance;letter-spacing:-.01em}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}mark{background:var(--mark);color:inherit;border-radius:2px;padding:0 1px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.eyebrow{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.shell{display:grid;grid-template-rows:auto 1fr;height:100%}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:12px;min-height:var(--topbar-h);padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px;min-width:0;color:var(--fg)}.brand:hover{text-decoration:none}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);white-space:nowrap}.brand-hub{color:var(--muted);font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;gap:2px;margin-left:8px}.nav a{padding:6px 10px;border-radius:6px;color:var(--muted);font-weight:500}.nav a:hover{background:var(--surface-2);text-decoration:none;color:var(--fg)}.nav a.active{color:var(--fg);background:var(--surface-2)}.topbar-spacer{flex:1}.topbar{flex-wrap:wrap;row-gap:8px}.source-controls{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}.search-trigger{display:flex;align-items:center;gap:10px;min-width:0;width:min(340px,40vw);padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer;text-align:left}.search-trigger:hover{border-color:var(--faint)}.search-trigger span:first-of-type{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}kbd{font-family:var(--font-mono);font-size:.75rem;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--muted)}.menu-btn{display:none;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 9px;cursor:pointer}.body{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:0}.sidebar{border-right:1px solid var(--line);background:var(--surface);overflow-y:auto;padding:14px 10px 40px 12px;min-height:0}.main{overflow-y:auto;min-width:0;min-height:0}.page{padding-block:28px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.page.wide{max-width:none}@media (min-width: 900px){.page{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}@media (max-width: 860px){.body{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:var(--topbar-h) auto 0 0;width:min(320px,88vw);z-index:30;transform:translate(-102%);transition:transform .18s ease;box-shadow:0 10px 40px #00000040;padding-left:max(12px,env(safe-area-inset-left,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}.sidebar.open{transform:none}.menu-btn{display:inline-block}.nav,.brand-hub{display:none}.search-trigger{width:auto;flex:1}.search-trigger kbd{display:none}}.mobile-nav{display:none}@media (max-width: 860px){.mobile-nav{display:flex;gap:6px;margin-bottom:14px}.mobile-nav a{flex:1;text-align:center;padding:6px;border:1px solid var(--line);border-radius:6px;color:var(--fg)}}.tree{list-style:none;margin:0;padding:0;font-size:var(--step--1)}.tree ul{list-style:none;margin:0 0 0 11px;padding:0}.tree ul>li{position:relative;padding-left:14px;--guide: color-mix(in srgb, var(--jc, var(--faint)) 50%, var(--line))}.tree ul>li:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1.5px solid var(--guide)}.tree ul>li:last-child:before{bottom:auto;height:15px}.tree ul>li:after{content:"";position:absolute;left:0;top:14px;width:11px;border-top:1.5px solid var(--guide)}.tree-line{display:flex;align-items:flex-start}.tree-toggle{width:auto!important;padding:4px 5px!important;flex:none}.tree-row{display:flex;align-items:baseline;gap:6px;width:100%;padding:4px 6px;border:0;background:none;border-radius:5px;cursor:pointer;text-align:left;color:var(--fg)}.tree-row:hover{background:var(--surface-2);text-decoration:none}.tree-row.active{background:var(--accent-soft);color:var(--fg)}.tree-row .code{font-family:var(--font-mono);font-size:.72rem;color:var(--faint);flex:none;min-width:2.6em}.tree-row .label{min-width:0}.tree-caret{flex:none;width:16px;height:16px;margin:0 -2px;color:var(--muted);transform:translateY(1px);transition:transform .12s ease}.tree-caret.open{transform:translateY(1px) rotate(90deg)}.tree-journey>.tree-row{font-weight:600;margin-top:6px}.tree-journey>.tree-row .dot{width:8px;height:8px;border-radius:50%;flex:none;transform:translateY(-1px)}.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:var(--step--1);color:var(--muted)}.crumbs>:last-child{flex:1 1 0;min-width:0;max-width:max-content}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent)}.code-pill{font-family:var(--font-mono);font-size:.75rem;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:1px 7px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.badge.req{background:var(--req-soft);color:var(--req)}.badge.inc{background:var(--inc-soft);color:var(--inc)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.neutral{background:var(--surface-2);color:var(--muted)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:500;font-size:var(--step--1);color:var(--fg)}.btn:hover{border-color:var(--faint);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn:disabled{opacity:.55;cursor:default}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.section{display:flex;flex-direction:column;gap:14px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.prose{max-width:68ch;display:flex;flex-direction:column;gap:10px;color:var(--fg)}.prose p{margin:0}.lede{font-size:var(--step-1);color:var(--muted);max-width:64ch}.empty{color:var(--faint);font-style:italic;font-size:var(--step--1)}.diff-banner{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius);background:var(--warn-soft);color:var(--fg);font-size:var(--step--1)}.diff-banner strong{color:var(--warn)}.stats{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:var(--step--1);color:var(--muted)}.stats b{font-family:var(--font-display);font-size:var(--step-2);color:var(--fg);font-variant-numeric:tabular-nums;margin-right:6px}.map{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,300px);justify-content:start;gap:14px;overflow-x:auto;padding-bottom:10px;align-items:start;scroll-snap-type:x proximity;scroll-padding-left:0}.map>.map-col{scroll-snap-align:start}.map-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:-14px;position:sticky;top:0;z-index:4;padding-block:8px;background:var(--bg)}.map-nav{display:inline-flex;align-items:center;gap:8px;font-size:var(--step--1);font-variant-numeric:tabular-nums}.map-arrow{width:36px;height:32px;justify-content:center;padding:0;font-size:1.25rem;line-height:1}.map-col{display:flex;flex-direction:column;gap:10px;min-width:0}.map-col-head{border-top:4px solid var(--jc);padding-top:8px;display:flex;flex-direction:column;gap:2px}.map-col-head a{color:var(--fg);font-family:var(--font-display);font-weight:700;font-size:var(--step-0);line-height:1.25}.map-ms{padding:10px;display:flex;flex-direction:column;gap:6px}.map-ms>a{color:var(--fg);font-weight:600;font-size:var(--step--1);line-height:1.3}.chip{display:flex;align-items:flex-start;gap:6px;padding:5px 7px;border-radius:6px;background:var(--surface-2);color:var(--fg);font-size:.8rem;line-height:1.3}.chip:hover{text-decoration:none;outline:1px solid var(--jc)}.chip .code{font-family:var(--font-mono);font-size:.7rem;color:var(--faint);flex:none;padding-top:1px}.chip .name{flex:1;min-width:0}.chip .meta{display:flex;gap:3px;flex:none}.tiny{font-family:var(--font-mono);font-size:.66rem;padding:0 4px;border-radius:4px;line-height:1.5}.tiny.req{background:var(--req-soft);color:var(--req)}.tiny.inc{background:var(--inc-soft);color:var(--inc)}.tiny.q{background:var(--accent-soft);color:var(--accent)}.tiny.warn{background:var(--warn-soft);color:var(--warn)}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:6.4em minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 4px;border-top:1px solid var(--line);color:var(--fg)}.row:hover{background:var(--surface-2);text-decoration:none}.row .code{font-family:var(--font-mono);font-size:var(--step--1);color:var(--faint)}.row .title{font-weight:600}.row .desc{color:var(--muted);font-size:var(--step--1)}.row .meta{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 600px){.row{grid-template-columns:6em minmax(0,1fr)}.row .meta{grid-column:2;justify-content:flex-start}}.step-head{display:flex;flex-direction:column;gap:10px}.step-title-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.step-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width: 760px){.step-grid{grid-template-columns:minmax(0,1fr)}}.dep-box{padding:14px;display:flex;flex-direction:column;gap:8px;border-left:3px solid var(--edge, var(--line))}.dep-box.req{--edge: var(--req)}.dep-box.inc{--edge: var(--inc)}.dep-box h3{font-size:var(--step-0);display:flex;gap:8px;align-items:baseline}.dep-box .hint{font-size:var(--step--1);color:var(--muted)}.dep-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dep-list a{display:flex;gap:8px;align-items:baseline;padding:3px 0;color:var(--fg)}.dep-list a:hover{color:var(--accent)}.dep-list .code{font-family:var(--font-mono);font-size:.74rem;color:var(--faint);flex:none;min-width:3.4em}.dep-list a .type-pill{align-self:baseline}.step-link-end{white-space:nowrap}.step-link-tag{margin-left:8px}.step-link-tag .badge{vertical-align:.1em}.jdot{width:8px;height:8px;border-radius:50%;background:var(--jc);flex:none;display:inline-block;transform:translateY(-1px)}.questions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.question{padding:14px 16px;display:flex;flex-direction:column;gap:8px;scroll-margin-top:20px;transition:box-shadow .4s ease}.question.focused{box-shadow:0 0 0 3px var(--accent)}.q-head{display:grid;grid-template-columns:2em minmax(0,1fr) auto;gap:8px;align-items:baseline}.q-num{font-family:var(--font-mono);color:var(--faint);font-size:var(--step--1)}.q-label{font-weight:600}.q-label p{margin:0}.q-badges{display:flex;flex-wrap:wrap;gap:4px;margin-left:2.5em}.q-helper{margin-left:2.5em;color:var(--muted);font-size:var(--step--1);max-width:70ch}.q-helper p{margin:0}.info-block{background:var(--accent-soft);border-color:transparent}.info-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.q-desc{margin-left:2.5em;font-size:var(--step--1)}.q-desc h1,.q-desc h2,.q-desc h3,.q-desc h4{font-size:var(--step-0);margin:0}.q-desc ul,.q-desc ol{margin:0;padding-left:1.3em}.q-example{margin-left:2.5em;max-width:70ch;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--faint);font-size:var(--step--1);font-style:italic}.q-example-label{display:block;font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.info-btn{display:inline-flex;align-items:center;gap:6px;align-self:start;max-width:min(100%,18em);min-height:30px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:var(--step--1);font-weight:600;cursor:pointer}.info-btn:hover{border-color:var(--accent)}.info-btn svg{flex:none}.info-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-dialog-body{display:grid;gap:14px;padding:0 20px 16px;overflow-y:auto;min-height:0}.media-dialog-body h1,.media-dialog-body h2,.media-dialog-body h3{font-size:var(--step-0);margin:0}.video{position:relative;width:100%;max-width:640px}.video-frame{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--radius);background:var(--fg)}.video-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);background:var(--fg);color:var(--surface);font-size:var(--step--1);pointer-events:none}.media-image{display:block;justify-self:start;max-width:min(100%,640px);max-height:480px;height:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.media-missing{margin:0;color:var(--muted);font-size:var(--step--1)}.explainer-section{container-type:inline-size}.explainer-layout{display:grid;gap:18px 40px;align-items:center}.explainer-layout.media-first .explainer-media{order:-1}@container (min-width: 720px){.explainer-layout.side-by-side{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.explainer-layout.side-by-side .explainer-media{order:1}}.explainer-text{display:grid;gap:12px;min-width:0;max-width:62ch}.explainer-text h3{margin:0;font-size:var(--step-2);line-height:1.15;text-wrap:balance}.explainer-media{min-width:0}.explainer-media .media-image{width:100%;max-width:100%;max-height:none;border:0;box-shadow:0 14px 34px #0f172a2e}.explainer-details{padding:10px 14px;max-width:100ch}.explainer-details summary{cursor:pointer;font-weight:600}.explainer-details summary .muted{font-weight:400}.explainer-details-body{display:grid;gap:12px;margin-top:10px}.options{list-style:none;margin:0 0 0 2.5em;padding:0;display:flex;flex-direction:column;gap:4px}.option{display:flex;flex-direction:column;gap:6px}.option-row{display:flex;gap:8px;align-items:baseline;font-size:var(--step--1)}.option-mark{width:12px;height:12px;border:1.5px solid var(--faint);flex:none;transform:translateY(2px)}.option-mark.radio{border-radius:50%}.option-mark.check{border-radius:3px}.nested{margin-left:20px;padding-left:12px;border-left:2px dotted var(--line)}.nested .question{padding:8px 0;background:none;border:0}.prompt-box{position:relative;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.prompt-text{font-family:var(--font-mono);font-size:.82rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0;max-width:100ch}.prompt-text a.mention{background:var(--accent-soft);border-radius:3px;padding:0 2px}.prompt-text .mention-missing{background:var(--warn-soft);color:var(--warn);border-radius:3px;padding:0 2px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.graph-page{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.graph-controls{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:var(--surface);font-size:var(--step--1)}.graph-controls fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.graph-controls legend{float:left;margin-right:6px;color:var(--muted);font-weight:600}.graph-controls label{display:inline-flex;gap:5px;align-items:center;cursor:pointer;white-space:nowrap}.graph-controls select,.graph-controls input[type=number]{font:inherit;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);max-width:260px}.graph-stage{position:relative;min-height:420px}.graph-legend{display:inline-flex;gap:14px;align-items:center;color:var(--muted)}.legend-line{display:inline-block;width:26px;height:0;border-top:2.5px solid var(--req);vertical-align:middle;margin-right:5px}.legend-line.inc{border-top:2px dashed var(--inc)}.gnode{width:220px;height:58px;overflow:hidden;padding:7px 9px 8px;border-radius:7px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--jc);font-size:.74rem;line-height:1.3;color:var(--fg);box-shadow:0 1px 2px #0000000f}.gnode .code{font-family:var(--font-mono);font-size:.66rem;color:var(--faint);display:flex;justify-content:space-between;gap:6px}.gnode .name{font-weight:600;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gnode.focus{box-shadow:0 0 0 3px var(--accent)}.gnode.dim{opacity:.28}.gnode.selected{box-shadow:0 0 0 2px var(--fg)}.ggroup{width:100%;height:100%;border-radius:10px;border:1.5px dashed color-mix(in srgb,var(--jc) 55%,transparent);background:color-mix(in srgb,var(--jc) 5%,transparent)}.ggroup-label{position:absolute;top:6px;left:10px;right:10px;font-size:.7rem;font-weight:600;color:var(--jc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-side{position:absolute;top:12px;right:max(12px,env(safe-area-inset-right,0px));width:min(340px,calc(100% - 24px));max-height:calc(100% - 24px);overflow-y:auto;padding:14px;z-index:6;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 30px #00000026}.graph-side .close{position:absolute;top:8px;right:8px;border:0;background:none;cursor:pointer;color:var(--muted);font-size:1.1rem;line-height:1;padding:4px}.mini-graph{height:500px;position:relative}.react-flow{--xy-background-color: var(--bg);--xy-node-background-color: transparent;--xy-node-border: none;--xy-node-boxshadow-hover: none;--xy-node-boxshadow-selected: none;--xy-controls-button-background-color: var(--surface);--xy-controls-button-background-color-hover: var(--surface-2);--xy-controls-button-color: var(--fg);--xy-controls-button-border-color: var(--line);--xy-minimap-background-color: var(--surface);--xy-minimap-mask-background-color: color-mix(in srgb, var(--bg) 70%, transparent);--xy-background-pattern-dots-color: var(--line);--xy-attribution-background-color: transparent}.react-flow__node-step,.react-flow__node-group{padding:0;border:0;background:transparent}.react-flow__node-group{box-shadow:none}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0e1673;display:flex;justify-content:center;align-items:flex-start;padding-top:calc(10vh + env(safe-area-inset-top,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.palette{width:min(680px,100%);max-height:72vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.palette-input{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.palette-input input,.search-page-input{flex:1;border:0;outline:0;font:inherit;font-size:var(--step-1);background:transparent;color:var(--fg);min-width:0}.search-page-input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface)}.search-page-input:focus{border-color:var(--accent)}.results{overflow-y:auto;padding:6px}.result-group{padding:8px 8px 4px}.result{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:7px;color:var(--fg);cursor:pointer;border:0;background:none;width:100%;text-align:left}.result:hover,.result.active{background:var(--accent-soft);text-decoration:none}.result .r-title{font-weight:600;display:flex;gap:8px;align-items:baseline}.result .r-ctx{font-size:.75rem;color:var(--muted)}.result .r-snip{font-size:var(--step--1);color:var(--muted)}.palette-foot{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);flex-wrap:wrap}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:var(--step--1)}.filter-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.issue{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 4px;border-top:1px solid var(--line);align-items:baseline}.status-screen{display:grid;place-items:center;min-height:60vh;padding:24px}.status-card{width:min(460px,100%);padding:24px;display:flex;flex-direction:column;gap:12px}.progress{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .2s ease}.reading-note{display:flex;flex-direction:column;gap:8px;max-width:420px;color:var(--muted);font-size:var(--step--1)}.reading-line{display:inline-flex;align-items:center;gap:8px}.read-failed{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-color:var(--bad-soft);font-size:var(--step--1)}.read-failed p{margin:0}.source-tag{font-size:.72rem;color:var(--muted);white-space:nowrap}.toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:8px 14px;border-radius:8px;font-size:var(--step--1);z-index:60}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.react-flow__node-step{cursor:grab}.react-flow__node-step.dragging{cursor:grabbing}.react-flow__node-step.dragging .gnode{box-shadow:0 8px 24px #00000040}.react-flow__edge{cursor:pointer}.react-flow__edge:hover .react-flow__edge-path{opacity:1!important}.edge-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;max-width:min(720px,calc(100% - 24px));padding:8px 36px 8px 12px;font-size:var(--step--1);box-shadow:0 8px 30px #0003;margin-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.edge-info a{color:var(--fg);font-weight:600}.edge-info a:hover{color:var(--accent)}.edge-info .close{position:absolute;top:6px;right:8px;border:0;background:none;cursor:pointer;color:var(--muted);font-size:1.1rem;line-height:1;padding:2px 4px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.seg button{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:0;background:none;cursor:pointer;color:var(--muted);font-size:var(--step--1);white-space:nowrap}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--fg);font-weight:600}.seg .legend-line{margin-right:2px}.type-pill{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.34em;height:1.34em;padding:0;border-radius:.21em;font-family:var(--font-mono);font-size:.86rem;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;border:1px solid transparent;vertical-align:.12em;font-style:normal}.type-h{background:var(--accent);color:var(--accent-fg)}.type-j{background:var(--fg);color:var(--bg)}.type-m{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.type-s{background:transparent;color:var(--muted);border-color:var(--faint)}h1 .type-pill,h2 .type-pill,h3 .type-pill{font-size:max(.86rem,.48em);vertical-align:.2em;margin-right:.35em}h1 .title-code{font-family:var(--font-mono);font-size:.8em;font-weight:600;color:var(--muted);letter-spacing:0;margin-right:.3em}h1 .type-pill{font-size:.7em;font-weight:700;vertical-align:baseline;margin-right:.3em}.legend-levels{display:inline-flex;gap:10px;align-items:center;color:var(--muted);font-size:var(--step--1)}.legend-levels span{display:inline-flex;gap:4px;align-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hub-switch select{font:inherit;font-size:var(--step--1);font-weight:600;padding:5px 8px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--fg);max-width:260px}@media (max-width: 860px){.hub-switch select{max-width:150px}}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}.hub-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-top:4px solid var(--hub)}.hub-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}.hub-card h2{font-size:var(--step-1)}.hub-swatch{width:36px;height:36px;border-radius:8px;background:var(--hub)}.hub-url{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.hub-desc{color:var(--muted);font-size:var(--step--1);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hub-stats{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--step--1);color:var(--muted)}.hub-stats b{color:var(--fg);font-variant-numeric:tabular-nums;margin-right:3px}.hub-card-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.refreshed{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.connect-card{width:min(520px,100%);padding:28px;display:flex;flex-direction:column;gap:14px}.connect-card ul{margin:0;padding-left:1.2em;color:var(--muted);font-size:var(--step--1);display:grid;gap:4px}.core-step{padding:16px;display:flex;flex-direction:column;gap:12px;border-left:4px solid var(--jc)}.core-step-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.core-step-name{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);color:var(--fg)}.core-step-desc{font-size:var(--step--1);max-width:75ch;margin-top:4px}.chip-meta{display:inline-flex;gap:3px}.core-deps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px 18px;font-size:var(--step--1)}.badge.good{background:var(--good-soft);color:var(--good)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:var(--step--1)}table.data th,table.data td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}table.data th{font-weight:600;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:var(--surface-2)}table.data tr:last-child td{border-bottom:0}table.data td.num{font-variant-numeric:tabular-nums;white-space:nowrap}table.data a.user-name{font-weight:600;color:var(--accent)}.progress-tree{display:flex;flex-direction:column;gap:14px}.pt-journey{padding:14px 16px;border-left:4px solid var(--jc);display:flex;flex-direction:column;gap:10px}.pt-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pt-milestones{list-style:none;margin:0 0 0 10px;padding:0;display:flex;flex-direction:column;gap:10px}.pt-steps{list-style:none;margin:6px 0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.pt-step{padding:8px 10px;border-radius:7px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.version-answers{display:grid;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.version-answers-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.version-answers-head .muted{font-size:.75rem}.version-sort{display:inline-flex;align-items:center;gap:6px;font-size:var(--step--1);color:var(--muted)}.version-sort select{font:inherit;color:var(--fg);padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.version-cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}.version-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.version-card .newest{font-size:.75rem;color:var(--muted)}.version-card-send{margin-left:auto}.version-card-progress{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--muted)}.version-card-progress .progress{flex:1;max-width:240px}.version-card .dates{font-size:.75rem;color:var(--muted)}.answer-view{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:7px;background:var(--surface);border:1px solid var(--line)}.section-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:-4px -6px;padding:4px 6px;border:0;border-radius:6px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.section-toggle:hover{background:var(--surface-2)}.section-toggle-count{font-family:var(--font-body);font-weight:400;font-size:.75rem;color:var(--muted)}.qa-list{display:flex;flex-direction:column;gap:8px}.qa-list[hidden]{display:none}.qa{display:grid;gap:4px}.qa .q{font-weight:600;font-size:var(--step--1)}.qa .q p{margin:0}.qa .a{white-space:pre-wrap;font-size:var(--step--1);padding-left:10px;border-left:3px solid var(--accent-soft)}.md{font-size:var(--step--1);line-height:1.6;max-width:85ch;overflow-x:auto}.md h1,.md h2,.md h3,.md h4{font-size:var(--step-0);margin:1em 0 .4em}.md p,.md ul,.md ol{margin:.4em 0}.md table{border-collapse:collapse}.md th,.md td{border:1px solid var(--line);padding:4px 8px}.md hr{border:0;border-top:1px solid var(--line)}.stats a.stat-link{color:var(--muted)}.stats a.stat-link:hover{color:var(--accent);text-decoration:none}.icon-btn{width:34px;height:32px;padding:0;justify-content:center}.send-to{position:relative;display:inline-flex}.send-to-btn{padding:4px 9px;gap:5px}.send-to-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:15;display:flex;flex-direction:column;min-width:190px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #00000026}.send-to-menu.flip{left:auto;right:0}.send-to-menu a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:var(--fg);font-size:var(--step--1);font-weight:500;white-space:nowrap;text-decoration:none}.send-to-menu a:hover,.send-to-menu a:focus-visible{background:var(--surface-2);text-decoration:none}.send-to-menu img{flex:none;width:16px;height:16px}.obie-link{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:24px;min-height:24px;margin-left:.25em;border-radius:6px;color:var(--muted)}.obie-link svg{width:max(.6em,16px);height:max(.6em,16px)}.obie-link:hover{color:var(--accent);background:var(--surface-2)}.obie-link:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.add-hub{padding:18px;display:grid;gap:10px;max-width:820px}.add-hub form{flex-wrap:wrap}.step-mark{margin-left:auto;flex:none;font-size:.75rem;font-weight:700}.step-mark.done{color:var(--good)}.step-mark.started{color:var(--warn)}.version-dialog{width:min(760px,calc(100vw - 32px));max-height:min(86vh,900px);padding:0;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.version-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.version-dialog::backdrop{background:#0a0e168c}@media (max-width: 600px){.version-dialog{max-height:calc(100svh - 160px - env(safe-area-inset-bottom,0px))}}.version-form{display:flex;flex-direction:column;flex:0 1 auto;min-height:0}.version-head,.version-match,.version-foot{display:grid;gap:6px;padding:16px 20px}.version-head h2{font-size:var(--step-1);text-wrap:balance}.version-head p,.version-match p{margin:0;font-size:var(--step--1)}.version-match{padding-top:0;border-bottom:1px solid var(--line)}.version-match label{font-weight:600;font-size:var(--step--1)}.version-match select,.version-row select{min-width:0;max-width:100%;padding:6px 8px;font:inherit;font-size:var(--step--1);color:var(--fg);background:var(--surface-2);border:1px solid var(--line);border-radius:6px}.version-match select{flex:1 1 260px}.version-list{list-style:none;margin:0;padding:8px 20px;overflow-y:auto;display:grid;gap:4px}.version-row{display:grid;gap:6px;padding:10px 12px;border:1px solid transparent;border-radius:6px}.version-row.needs-choice{background:var(--warn-soft);border-color:var(--warn)}.version-row select[aria-invalid=true]{border-color:var(--warn)}.version-name{display:flex;gap:6px;align-items:baseline;font-weight:600;font-size:var(--step--1)}.version-name .mono{color:var(--muted);font-weight:400}.version-flag{color:var(--warn);font-size:var(--step--1);font-weight:600}.version-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--line)}.version-foot .muted{font-size:var(--step--1)}.site-footer{background:var(--surface-2);border-top:1px solid var(--line);color:var(--muted);font-size:var(--step-0);text-align:center}.site-footer-inner{display:grid;justify-items:center;gap:12px;max-width:1180px;margin:0 auto;padding-block:28px 32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.site-footer p{margin:0}.site-footer a{color:var(--accent)}.site-footer-credit strong{display:block;margin-top:2px;font-family:var(--font-display);font-size:var(--step-1);color:var(--fg)}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px}.site-footer-links a{display:inline-flex;align-items:center;gap:5px}@media (max-width: 480px){.site-footer-links{gap:6px 16px}.site-footer-links>span[aria-hidden]{display:none}}.site-footer-privacy{max-width:62ch;font-size:var(--step--1);text-align:center;text-wrap:balance}.site-footer-privacy svg{margin-right:6px;vertical-align:-.2em;color:var(--good)}.map-ms-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem}.map-col-head .badge{align-self:flex-start;margin-top:4px}.sb-home{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px 6px;color:var(--muted);font-weight:600;font-size:var(--step--1)}.sb-home:hover{color:var(--accent);text-decoration:underline}.sb-home.active{color:var(--accent)}.topbar-back{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;border-radius:7px;background:none;font:inherit;font-size:var(--step--1);font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.topbar-back:hover{color:var(--accent);background:var(--accent-soft)}.topbar-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-help{flex:none}.help-page{max-width:860px}.help-toc{display:grid;gap:6px;margin-top:6px;padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;background:var(--surface)}.help-toc h2{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.help-toc ol{margin:0;padding-left:1.6em;columns:2 220px;column-gap:28px}.help-toc li{padding:2px 0;break-inside:avoid;color:var(--faint);font-size:var(--step--1)}.help-link{font:inherit;font-size:var(--step--1);color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px}.help-link:hover{text-decoration-color:var(--accent)}.help-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.help-toc h2:focus,.help-section h2:focus{outline:none}.help-top{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--line)}.help-top .help-link{font-size:.75rem}.help-section{scroll-margin-top:16px;gap:10px}.help-section p,.help-section li,.help-section dd{max-width:70ch;line-height:1.6}.help-section ul{margin:0;padding-left:1.2em;display:grid;gap:6px}.help-section h3{font-size:var(--step-0);margin-top:6px}.help-list{display:grid;gap:4px 0;margin:0}.help-list dt{font-weight:700;margin-top:8px}.help-list dd{margin:0;color:var(--fg)}.help-codes{list-style:none;padding-left:0!important}.help-codes li{display:flex;align-items:baseline;gap:8px}.help-codes code{font-family:var(--font-mono);font-size:.85em;min-width:3.6em}.help-callout{padding:12px 14px;border-left:4px solid var(--good);line-height:1.55}.help-faq{display:grid;gap:4px}.help-faq h3{margin:8px 0 0}.help-faq p{margin:0}.tree-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 4px 6px}.tree-tools{display:inline-flex;gap:2px}.tree-tools button{display:inline-grid;place-items:center;width:24px;height:22px;padding:0;border:0;border-radius:5px;background:none;color:var(--muted);cursor:pointer}.tree-tools button:hover{background:var(--surface-2);color:var(--accent)}.icon-spin{animation:icon-spin .9s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.icon-spin{animation:none}}.icon-btn.copied{color:var(--good);border-color:var(--good)}@media (max-width: 640px){.topbar .refreshed .refreshed-ago,.brand-name{display:none}}.brand-mark{flex:none;align-self:center;border-radius:6px}@media (max-width: 480px){.topbar{gap:6px;row-gap:0}.topbar .source-controls,.topbar .refreshed{display:contents}.topbar .refreshed .source-tag{order:99;flex-basis:100%;text-align:right;padding-bottom:2px}.hub-switch{min-width:0;flex:0 1 auto}.hub-switch select{width:100%;max-width:112px}.topbar .icon-btn,.topbar .search-trigger,.topbar .topbar-help,.topbar .menu-btn,.topbar .brand{flex:none}}@media (max-width: 400px){.topbar{gap:4px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.hub-switch select{max-width:92px}}@media (max-width: 350px){.hub-switch select{max-width:66px}}.confirm-dialog{width:min(480px,calc(100vw - 32px))}.confirm-body{display:grid;gap:6px;font-size:var(--step--1)}.confirm-body p{margin:0}@media (max-width: 900px){.topbar .refreshed .refreshed-ago,.brand-name{display:none}}@media (min-width: 481px){.topbar{flex-wrap:nowrap}.brand,.source-controls,.topbar-help,.menu-btn{flex-shrink:0}.hub-switch{min-width:0}}.sb-wrap{position:relative;display:flex;min-width:0;min-height:0}.sb-wrap>.sidebar{flex:1;min-width:0}.sb-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.sb-top .sb-home{margin-bottom:0}.sb-mode{display:inline-flex;gap:2px}.sb-mode button,.sb-rail button{display:inline-grid;place-items:center;width:26px;height:24px;padding:0;border:0;border-radius:5px;background:none;color:var(--muted);cursor:pointer}.sb-mode button:hover,.sb-rail button:hover{background:var(--surface-2);color:var(--accent)}.sb-rail{display:none}@media (min-width: 861px){.body.sb-hover,.body.sb-collapsed{grid-template-columns:40px minmax(0,1fr)}.sb-hover .sb-rail,.sb-collapsed .sb-rail{display:flex;flex-direction:column;align-items:center;flex:none;width:40px;padding-top:12px;border-right:1px solid var(--line);background:var(--surface)}.sb-hover .sb-wrap>.sidebar,.sb-collapsed .sb-wrap>.sidebar{position:absolute;top:0;bottom:0;left:0;width:var(--sidebar-w);z-index:25;box-shadow:0 10px 40px #0000002e;transform:translate(-102%);visibility:hidden;transition:transform .16s ease,visibility 0s linear .16s}.sb-hover .sb-wrap:hover>.sidebar,.sb-hover .sb-wrap:has(:focus-visible)>.sidebar{transform:none;visibility:visible;transition:transform .16s ease .08s,visibility 0s}}@media (max-width: 860px){.sb-wrap{display:contents}.sb-mode{display:none}}.tiny.step-type{align-self:flex-start;background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-body);font-weight:600;white-space:nowrap}:root{--tl-pink-bg: #fbe3f4;--tl-pink-line: #d94bb0;--tl-teal-bg: #d9f1ec;--tl-teal-line: #2a9d8a;--tl-blue-bg: #dde8fb;--tl-blue-line: #3b6fd8;--tl-grey-bg: #eceef2;--tl-grey-line: #9aa1ad;--tl-red-bg: #fde1e1;--tl-red-line: #d94848;--tl-indigo-bg: #e2e3fb;--tl-indigo-line: #5a5fd6;--tl-amber-bg: #fbefd6;--tl-amber-line: #d39a2c;--tl-green-bg: #dcf5e3;--tl-green-line: #36a35f;--tl-purple-bg: #ece2fa;--tl-purple-line: #8a55d1;--tl-cyan-bg: #d9f0f7;--tl-cyan-line: #2b93b3}.timeline{display:flex;flex-direction:column;gap:10px;min-width:0}.tl-title{font-size:var(--step-1);margin:0}.tl-why summary{cursor:pointer;font-size:var(--step--1);font-weight:600;color:var(--accent)}.tl-why .md{margin-top:6px}.tl-tz{font-size:.75rem;margin:0}.timeline-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px;align-items:start}.tl-day{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);min-width:0}.tl-day header{display:grid;gap:2px;margin-bottom:2px}.tl-day h5{margin:0;font-size:var(--step-0)}.tl-day header .muted{font-size:.75rem}.tl-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;font:inherit;color:var(--fg);padding:8px 10px;border:0;border-left:4px solid var(--tl-line);border-radius:7px;background:var(--tl-bg);cursor:pointer}.tl-card:hover{filter:brightness(.97)}.tl-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tl-name{font-weight:600;font-size:var(--step--1);overflow-wrap:anywhere}.tl-time{font-size:.75rem;color:var(--muted)}.tl-pill{font-size:.6875rem;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--tl-line) 22%,transparent);color:var(--fg)}.tl-session{display:grid;gap:6px;padding:12px 14px;border-left:5px solid var(--tl-line);border-radius:8px;background:var(--tl-bg)}.tl-session h4{margin:0;font-size:var(--step-1);overflow-wrap:anywhere}.tl-session h4:focus{outline:none}.tl-when{font-size:.75rem}.tl-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--step--1);color:var(--muted)}.tl-steps .tl-next{margin-left:auto}.tone-pink{--tl-bg: var(--tl-pink-bg);--tl-line: var(--tl-pink-line)}.tone-teal{--tl-bg: var(--tl-teal-bg);--tl-line: var(--tl-teal-line)}.tone-blue{--tl-bg: var(--tl-blue-bg);--tl-line: var(--tl-blue-line)}.tone-grey{--tl-bg: var(--tl-grey-bg);--tl-line: var(--tl-grey-line)}.tone-red{--tl-bg: var(--tl-red-bg);--tl-line: var(--tl-red-line)}.tone-indigo{--tl-bg: var(--tl-indigo-bg);--tl-line: var(--tl-indigo-line)}.tone-amber{--tl-bg: var(--tl-amber-bg);--tl-line: var(--tl-amber-line)}.tone-green{--tl-bg: var(--tl-green-bg);--tl-line: var(--tl-green-line)}.tone-purple{--tl-bg: var(--tl-purple-bg);--tl-line: var(--tl-purple-line)}.tone-cyan{--tl-bg: var(--tl-cyan-bg);--tl-line: var(--tl-cyan-line)}.step-nav-btn{white-space:nowrap}.step-nav{display:flex;flex-wrap:wrap;gap:8px}.step-nav-next{margin-left:auto}.step-nav-bottom{margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}.refresh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:progress}.refresh-overlay-card{display:grid;justify-items:center;gap:8px;max-width:360px;padding:20px 28px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #141a2629;text-align:center}.refresh-overlay-card svg{width:28px;height:28px;color:var(--accent)}.refresh-overlay-card p{margin:0;font-weight:600}.refresh-overlay-card p.muted{font-weight:400;font-size:var(--step--1)}.badge.refresh-failed{border:0;font:inherit;font-size:.75rem;cursor:pointer;white-space:nowrap}.badge.refresh-failed:hover{text-decoration:underline}.error-details summary{cursor:pointer;font-size:var(--step--1)}.error-details code{display:block;margin-top:6px;padding:8px 10px;border-radius:6px;background:var(--surface-2);font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}.spec-root .btn.small{padding:3px 10px;font-size:.75rem;min-height:0}.spec-root .btn.small.on{background:var(--accent-soft);border-color:var(--accent)}.spec-root .btn.small.bad{color:var(--bad)}.spec-root code{font-family:var(--font-mono);font-size:.85em;overflow-wrap:anywhere}.spec-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 14px;padding:12px 14px}@media (min-width: 900px){.spec-picks{position:sticky;top:0;z-index:5;box-shadow:0 4px 12px #0000000f}}.spec-pick,.spec-filter{display:grid;gap:3px;min-width:0;font-size:.75rem}.spec-pick span,.spec-filter span,.spec-form label>span{font-weight:600;color:var(--muted)}.spec-pick select{width:100%;min-width:0}.spec-server,.spec-runner,.spec-saved{padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.spec-server p,.spec-runner p,.spec-saved p{margin:0}.spec-steps{margin:0;padding-left:1.3em;display:grid;gap:4px;font-size:var(--step--1)}.spec-pages-list{display:flex;flex-direction:column;gap:8px}.spec-page>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 14px;cursor:pointer}.spec-page>summary code{font-size:.75rem}.spec-page>summary .muted{font-size:.75rem}.spec-summary{margin:0 14px 8px;font-size:var(--step--1);color:var(--muted)}.spec-calls{list-style:none;margin:0;padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.spec-call,.spec-history li{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);display:flex;flex-direction:column;gap:8px;min-width:0}.spec-call-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}.spec-call-head .muted{font-size:.75rem}.spec-tool{font-weight:700;color:var(--accent)}.spec-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.spec-history .spec-actions{margin-left:0}.spec-json{margin:0;padding:10px 12px;border-radius:7px;background:var(--surface-2);font-family:var(--font-mono);font-size:.75rem;line-height:1.45;max-height:60vh;overflow:auto;white-space:pre;max-width:100%}.spec-json.small{max-height:16em}.spec-facts{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;font-size:.75rem}.spec-facts dt{font-weight:600;color:var(--muted)}.spec-facts dd{margin:0;min-width:0}.spec-form{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:10px 14px;align-items:start}.spec-form label{display:grid;gap:3px;font-size:.75rem;min-width:0}.spec-args textarea{width:100%;font-family:var(--font-mono);font-size:.75rem;padding:8px 10px;border:1px solid var(--line);border-radius:7px;resize:vertical}@media (max-width: 600px){.spec-form,.spec-facts{grid-template-columns:1fr}}.spec-msg{display:block;white-space:normal;padding:6px 10px;line-height:1.4;font-size:.75rem}.spec-tool-info p{margin:0 0 6px;font-size:var(--step--1)}.spec-result{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--line);min-width:0}.spec-pages{display:flex;flex-wrap:wrap;gap:6px}.spec-meter{display:grid;gap:8px;padding:10px 12px;border-radius:7px;background:var(--surface-2);font-size:var(--step--1)}.spec-meter.tight{background:var(--warn-soft)}.spec-meter .progress{margin-top:4px;max-width:420px;background:var(--surface)}.spec-meter .muted{font-size:.75rem}.spec-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.spec-args-line{font-size:.75rem!important;color:var(--muted);overflow-wrap:anywhere}