.rgf{--rgf-ink:var(--sl-color-gray-2);--rgf-coast:var(--sl-color-gray-4);--rgf-land:color-mix(in srgb, var(--sl-color-gray-5) 45%, transparent);--rgf-write:#2563eb;--rgf-sync:#ea580c;--rgf-async:#16a34a;--rgf-over:#dc2626;border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);font-size:var(--sl-text-sm);margin-block:1.5rem;padding:1rem}.rgf button{font:inherit;cursor:pointer}.rgf button:focus-visible,.rgf .rgf-range:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.rgf .rgf-controls{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.rgf .rgf-group{flex-direction:column;gap:.3rem;min-width:0;display:flex}.rgf .rgf-group--wide{flex:100%}.rgf .rgf-label{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.rgf .rgf-label strong{color:var(--sl-color-white);font-family:var(--sl-font-mono)}.rgf .rgf-pills{flex-wrap:wrap;gap:.4rem;display:flex}.rgf .rgf-pill{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius-btn);color:var(--sl-color-gray-2);background:0 0;padding:.3rem .75rem}.rgf .rgf-pill[aria-pressed=true]{border-color:var(--sl-color-accent);background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);font-weight:600}.rgf .rgf-pill--kill[aria-pressed=true]{border-color:var(--rgf-over);background:var(--rgf-over);color:#fff}.rgf .rgf-action{border:1px solid var(--rgf-write);border-radius:var(--dbc-radius-btn);background:color-mix(in srgb, var(--rgf-write) 18%, transparent);color:var(--sl-color-white);padding:.3rem .9rem;font-weight:600}.rgf .rgf-seg{border:1px solid var(--dbc-border-strong);border-radius:.5rem;flex-wrap:wrap;align-self:flex-start;display:inline-flex;overflow:hidden}.rgf .rgf-seg button{color:var(--sl-color-gray-3);background:0 0;border:0;padding:.3rem .7rem}.rgf .rgf-seg button[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);border-color:var(--sl-color-accent);font-weight:600}.rgf .rgf-range{width:14rem;max-width:100%;accent-color:var(--sl-color-accent)}.rgf .rgf-mapwrap{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);margin-top:1rem;overflow-x:auto}.rgf .rgf-map{width:100%;min-width:480px;height:auto;display:block}.rgf .rgf-box-name{text-anchor:middle;font-family:var(--sl-font-mono);fill:#18181b;font-size:12px;font-weight:700}.rgf .rgf-box-role{text-anchor:middle;fill:#3f3f46;font-size:10.5px}.rgf .rgf-city{text-anchor:middle;font-family:var(--dbc-font-hand);fill:var(--sl-color-gray-2);font-size:13px}.rgf .rgf-ms{text-anchor:middle;font-family:var(--sl-font-mono);fill:var(--sl-color-white);font-size:12px;font-weight:700}.rgf .rgf-ms--bad{fill:var(--dbc-cost)}.rgf .rgf-cross{display:none}.rgf .rgf-down .rgf-cross{display:inline}.rgf .rgf-down{opacity:.55}.rgf .rgf-route{stroke:var(--rgf-write);stroke-width:1.4px;stroke-dasharray:2 5;opacity:.7}.rgf .rgf-route--moved{stroke:var(--rgf-over);stroke-dasharray:7 4;opacity:.9}.rgf .rgf-fly{stroke:var(--sl-color-black);stroke-width:1px}.rgf .rgf-fly--write{fill:var(--rgf-write)}.rgf .rgf-fly--sync{fill:var(--rgf-sync)}.rgf .rgf-fly--async{fill:var(--rgf-async)}.rgf .rgf-legend{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;gap:.3rem 1rem;margin:.5rem 0 0;display:flex}.rgf .rgf-dot{vertical-align:-.1rem;border-radius:50%;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.rgf .rgf-dot--write{background:var(--rgf-write)}.rgf .rgf-dot--sync{background:var(--rgf-sync)}.rgf .rgf-dot--async{background:var(--rgf-async)}.rgf .rgf-stats{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;margin:.75rem 0 0;display:grid}.rgf .rgf-stat{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);padding:.5rem .6rem}.rgf .rgf-stat dt{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.rgf .rgf-stat dd{font-family:var(--sl-font-mono);font-size:var(--sl-text-base);color:var(--sl-color-white);margin:.1rem 0 0;font-weight:700}.rgf .rgf-stat dd.rgf-bad{color:var(--dbc-cost)}.rgf .rgf-panels{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.rgf .rgf-panel{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);min-width:0;padding:.6rem .7rem}.rgf .rgf-panel-title{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:0 0 .5rem}.rgf .rgf-bar{grid-template-columns:7.2rem minmax(3rem,1fr) 3rem;align-items:center;gap:.5rem;margin-top:.35rem;display:grid}.rgf .rgf-bar-name,.rgf .rgf-bar-val{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2)}.rgf .rgf-bar-name{white-space:nowrap}.rgf .rgf-bar-val{text-align:right}.rgf .rgf-bar-track{background:color-mix(in srgb, var(--sl-color-gray-5) 40%, transparent);border-radius:.25rem;height:.8rem;position:relative;overflow:hidden}.rgf .rgf-bar-track:after{content:"";border-left:2px dashed var(--sl-color-white);opacity:.8;position:absolute;top:0;bottom:0;left:50%}.rgf .rgf-bar-fill{background:var(--rgf-async);height:100%;transition:width .35s var(--dbc-ease);display:block}.rgf .rgf-bar--warm .rgf-bar-fill{background:#f59e0b}.rgf .rgf-bar--over .rgf-bar-fill{background:var(--rgf-over)}.rgf .rgf-bar--over .rgf-bar-val,.rgf .rgf-bar--down .rgf-bar-val{color:var(--dbc-cost);font-weight:700}.rgf .rgf-timeline{border-radius:.25rem;gap:2px;height:.9rem;display:flex;overflow:hidden}.rgf .rgf-seg-part{flex-basis:0;min-width:3px;display:block}.rgf .rgf-seg-part--detect{background:#f59e0b}.rgf .rgf-seg-part--decide{background:var(--rgf-over)}.rgf .rgf-seg-part--work{background:#7c3aed}.rgf .rgf-seg-part--dns{background:var(--rgf-write)}.rgf .rgf-steps{font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin:.5rem 0 0;padding:0;list-style:none}.rgf .rgf-steps li{margin:.15rem 0 0}.rgf .rgf-swatch{vertical-align:-.05rem;border-radius:.15rem;width:.65rem;height:.65rem;margin-right:.35rem;display:inline-block}.rgf .rgf-tablewrap{margin-top:.75rem;overflow-x:auto}.rgf .rgf-table{border-collapse:collapse;width:100%;font-size:var(--sl-text-xs)}.rgf .rgf-table th,.rgf .rgf-table td{border-bottom:1px solid var(--dbc-border-strong);text-align:left;white-space:nowrap;color:var(--sl-color-gray-2);padding:.3rem .5rem}.rgf .rgf-table th{color:var(--sl-color-gray-3);font-weight:600}.rgf .rgf-table td:last-child{font-family:var(--sl-font-mono)}.rgf .rgf-row--moved td{color:var(--dbc-cost)}.rgf .rgf-log{color:var(--sl-color-gray-2);margin:.6rem 0 0}@media (prefers-reduced-motion:reduce){.rgf .rgf-bar-fill{transition:none}}