.status-page{--status-amber:#9b721d;--status-red:#b54e4e;--status-blue:#547baf;--flow-orange:#cf7b38}html[data-theme=dark] .status-page{--status-amber:#e5bc72;--status-red:#ee9696;--status-blue:#9bbde9;--flow-orange:#edab73}.status-intro{margin-bottom:30px}.status-intro>p:last-child{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.7}.status-summary{border-color:var(--line);align-items:center;gap:19px;min-height:126px;padding:26px;display:flex}.status-summary-icon{background:color-mix(in srgb,var(--green) 10%,transparent);height:48px;color:var(--green);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;display:flex}.status-summary.degraded .status-summary-icon{color:var(--status-amber);background:color-mix(in srgb,var(--status-amber) 10%,transparent)}.status-summary.unavailable .status-summary-icon{color:var(--status-red);background:color-mix(in srgb,var(--status-red) 8%,transparent)}.status-summary.checking .status-summary-icon{color:var(--muted)}.status-summary-copy{flex:1}.status-summary h2{letter-spacing:-.5px;font-size:21px;font-weight:550}.status-summary p{color:var(--muted);max-width:640px;margin-top:8px;font-size:12px;line-height:1.8}.status-check-action{flex-shrink:0;justify-items:end;gap:12px;display:grid}.status-check-action>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.status-check-action button{color:var(--ink);border:1px solid var(--line);border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.checking-icon{animation:1.5s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}.status-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 28px;display:grid}.status-metrics section{padding:21px 20px}.status-metrics section>span{color:var(--muted);align-items:center;gap:7px;font-size:10px;line-height:1.6;display:flex}.status-metrics strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:17px 0 9px;font-size:25px;font-weight:520;display:block}.status-metrics small{color:var(--muted);font-size:10px;line-height:1.6}.status-section-heading{justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.status-section-heading .eyebrow{margin-bottom:10px;font-size:9px}.status-section-heading h2{letter-spacing:-.5px;font-size:20px;font-weight:520}.status-section-heading>span{color:var(--muted);white-space:nowrap;font-size:10px}.status-section-heading p:not(.eyebrow){color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.status-check-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:19px 26px;display:flex}.status-check-row b{font-size:12px;font-weight:550}.status-check-row p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.7}.health-badge{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;font-size:10px;display:inline-flex}.health-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.health-badge.operational{color:var(--green)}.health-badge.degraded{color:var(--status-amber)}.health-badge.unavailable{color:var(--status-red)}.status-scope{color:var(--muted);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);border-radius:0 0 13px 13px;padding:17px 26px;font-size:10px;line-height:1.8}.status-provider-link{color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;margin:13px 1px 30px;font-size:10px;display:flex}.status-provider-link a{color:var(--green);align-items:center;gap:4px;display:flex}.architecture-panel{overflow:hidden}.architecture-cloud-label{align-items:center;gap:7px;display:flex;color:var(--flow-orange)!important}.architecture-canvas,.architecture-placeholder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);width:100%;height:490px}.architecture-placeholder{color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.architecture-canvas .react-flow{--xy-background-color:var(--bg);--xy-edge-stroke:var(--muted);--xy-edge-stroke-width:1.25;--xy-edge-label-color:var(--muted);--xy-edge-label-background-color:var(--bg);--xy-controls-button-background-color:var(--surface);--xy-controls-button-background-color-hover:var(--bg);--xy-controls-button-color:var(--ink);--xy-controls-button-color-hover:var(--green);--xy-controls-button-border-color:var(--line);--xy-attribution-background-color:var(--bg);--xy-node-group-background-color:transparent;--xy-node-boxshadow-hover:none;--xy-node-boxshadow-selected:none;font-family:inherit}.architecture-canvas .react-flow__node-service{border-radius:11px;outline:none}.architecture-canvas .react-flow__node-service:focus-visible{outline:2px solid var(--green);outline-offset:5px}.architecture-node{border:1px solid var(--line);background:var(--surface);border-radius:11px;height:128px;padding:18px 17px;transition:border-color .15s;box-shadow:0 3px 9px #00000008}.react-flow__node.selected .architecture-node{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.architecture-node-tag{letter-spacing:1.2px;color:var(--muted);font-size:8px}.architecture-node>div:not(.react-flow__handle){align-items:center;gap:9px;margin-top:13px;display:flex}.architecture-node-icon{color:var(--green);justify-content:center;align-items:center;display:flex}.architecture-node.binance .architecture-node-icon{color:var(--status-amber)}.architecture-node.web .architecture-node-icon,.architecture-node.r2 .architecture-node-icon{color:var(--flow-orange)}.architecture-node.browser .architecture-node-icon{color:var(--status-blue)}.architecture-node strong{letter-spacing:-.2px;font-size:14px;font-weight:550}.architecture-node p{color:var(--muted);white-space:nowrap;margin-top:11px;font-size:10px}.architecture-node .react-flow__handle{background:var(--muted);border:1px solid var(--surface);width:5px;height:5px}.architecture-canvas .cloudflare-boundary{border:1px dashed color-mix(in srgb,var(--flow-orange) 40%,transparent);background:color-mix(in srgb,var(--flow-orange) 3%,transparent);border-radius:18px}.architecture-canvas .cloudflare-label{text-align:left;letter-spacing:1.1px;width:500px;color:var(--flow-orange);box-shadow:none;background:0 0;border:0;padding:0;font-size:9px}.architecture-canvas .cloudflare-label .react-flow__handle{visibility:hidden}.architecture-canvas .react-flow__edge-text{fill:var(--muted);font-size:10px}.architecture-storage-edge .react-flow__edge-path{stroke:var(--flow-orange)}.architecture-recovery-edge .react-flow__edge-path{stroke-dasharray:4 5;opacity:.65}.architecture-canvas .react-flow__controls{box-shadow:none;border:1px solid var(--line);border-radius:7px;overflow:hidden}.architecture-canvas .react-flow__attribution a{color:var(--muted);font-size:9px}.architecture-explainer{grid-template-columns:230px 1fr;gap:35px;min-height:184px;padding:25px 26px;display:grid}.architecture-picker{flex-direction:column;gap:10px;display:flex}.architecture-picker label{color:var(--muted);font-size:10px}.architecture-picker select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;padding:10px;font-size:12px}.architecture-picker>span{color:var(--muted);font-size:10px;line-height:1.7}.architecture-description h3{align-items:center;gap:8px;font-size:15px;font-weight:550;display:flex}.architecture-description h3 svg{color:var(--green)}.architecture-description p{color:var(--muted);max-width:710px;margin-top:10px;font-size:12px;line-height:1.85}.architecture-description>span{color:var(--green);margin-top:12px;font-size:10px;display:block}.architecture-transcript{border-top:1px solid var(--line);margin:0 26px}.architecture-transcript summary{color:var(--muted);padding:16px 0;font-size:11px}.architecture-transcript ol{color:var(--muted);margin:0 0 20px;padding-left:20px;font-size:12px;line-height:1.9}.architecture-transcript li+li{margin-top:7px}.architecture-footnote{border-top:1px solid var(--line);color:var(--muted);padding:16px 26px;font-size:10px;line-height:1.8}.status-notes{grid-template-columns:1fr 1fr;gap:45px;padding:30px 2px 6px;display:grid}.status-notes h3{font-size:12px;font-weight:550}.status-notes p{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.9}@media (max-width:950px){.status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.status-summary{align-items:flex-start}.status-summary h2{font-size:19px}.architecture-cloud-label{display:none}.architecture-canvas,.architecture-placeholder{height:410px}}@media (max-width:600px){.status-summary{flex-wrap:wrap;gap:13px;padding:20px}.status-summary-icon{flex-basis:36px;height:36px}.status-summary-copy{flex-basis:calc(100% - 49px)}.status-check-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;padding-top:14px;display:flex}.status-summary h2{font-size:18px;line-height:1.4}.status-summary p{font-size:11px}.status-metrics{gap:10px}.status-metrics section{padding:17px 14px}.status-metrics strong{font-size:21px}.status-metrics section>span,.status-metrics small{font-size:9px}.status-section-heading{padding:23px 20px}.status-section-heading h2{font-size:18px;line-height:1.5}.status-section-heading>span{display:none}.status-check-row{padding:18px 20px}.status-check-row p{font-size:10px}.status-scope,.architecture-footnote{padding:16px 20px}.architecture-canvas,.architecture-placeholder{height:360px}.architecture-explainer{grid-template-columns:1fr;gap:23px;padding:23px 20px}.architecture-picker>span{font-size:10px}.architecture-description{min-height:180px}.architecture-transcript{margin:0 20px}.status-notes{grid-template-columns:1fr;gap:23px}.status-provider-link{font-size:9px}}.architecture-canvas .react-flow__edge.animated .react-flow__edge-path{stroke-width:1.6px;stroke-dasharray:6 6;stroke-linecap:round;animation:2s linear infinite architecture-flow}.architecture-canvas .architecture-storage-edge.animated .react-flow__edge-path,.architecture-canvas .architecture-recovery-edge.animated .react-flow__edge-path{animation-duration:3s}.architecture-canvas.flows-paused .react-flow__edge.animated .react-flow__edge-path{animation-play-state:paused}@keyframes architecture-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24px}}@media (prefers-reduced-motion:reduce){.checking-icon,.architecture-node,.architecture-canvas .react-flow__edge.animated .react-flow__edge-path{transition:none;animation:none}.flow-motion-toggle{display:none}}
