.websiteTrafficPanel.trafficDisclosure.trafficFramed{border:1px solid color-mix(in srgb,var(--border) 65%,var(--muted));background:var(--surface);border-radius:18px;padding:0;box-shadow:0 4px 16px #00000008}.trafficFramed>.trafficDisclosureSummary{padding:20px 24px}.trafficFramed[open]>.trafficDisclosureSummary{border-bottom:1px solid var(--border)}.trafficFramed>.trafficDisclosureSummary h2{font-size:18px}.trafficFramed>.websiteTrafficHeader{margin:0;padding:16px 24px 0}.trafficFramed>.trafficLoadState{min-height:24px;margin:0 24px}.trafficFramed>.websiteTrafficContent{margin:0;padding:0 24px 20px}.trafficFramed .websiteTrafficFilters.single{justify-content:flex-start}.trafficFramed .websiteTrafficPeriodField>span{display:none}.trafficFramed .websiteTrafficPeriodField{grid-template-rows:44px}.trafficDisclosure.trafficFramed .trafficCanvas{background:0 0;margin-top:0;padding:0}.trafficCanvas{--tone:#8b6cf6;--traffic-line:var(--violet);--traffic-previous:var(--muted);--traffic-error:#ef4444;--traffic-error-text:#d42a2a;--traffic-live:#0d9488;--traffic-delta:#5b32d6;--traffic-grid:var(--border);--traffic-axis:var(--muted);--traffic-tip-surface:var(--surface);--traffic-tip-text:var(--text)}html[data-theme=dark] .trafficCanvas{--traffic-line:#9b85ff;--traffic-error:#ff6b6b;--traffic-error-text:#ff8a8a;--traffic-live:#2dd4bf;--traffic-delta:#b9a6ff;--traffic-tip-surface:#211c29}.trafficFramed .trafficCanvas .websiteTrafficHighlights{flex-wrap:wrap;align-items:flex-end;gap:14px 28px;padding:14px 0 18px;display:flex}.trafficFramed .trafficCanvas .websiteTrafficHighlights>:is(div,span){background:0 0;border:0;min-width:0;padding:0}.trafficFramed .trafficCanvas .websiteTrafficHighlights small{min-height:0;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.trafficFramed .trafficCanvas .websiteTrafficHighlights strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.15;display:block}.trafficFramed .trafficCanvas .websiteTrafficHighlights .trafficHeadline{margin-right:auto}.trafficFramed .trafficCanvas .websiteTrafficHighlights .trafficHeadline>strong{letter-spacing:-.03em;font-size:clamp(32px,4vw,42px);line-height:1.05}.trafficFramed .trafficCanvas .trafficDelta{color:var(--traffic-delta);font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px;font-weight:600;display:inline-block}.trafficFramed .trafficCanvas .websiteTrafficHighlights .failed strong{color:var(--traffic-error-text)}.trafficFramed .trafficCanvas .websiteTrafficChartBody{border:1px solid color-mix(in srgb, var(--tone) 16%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--tone) 8%), var(--surface) 75%) var(--surface);border-radius:14px;padding:14px 12px 0}.trafficFramed .trafficCanvas .websiteTrafficPlot{background:0 0;position:relative;overflow:visible}.trafficFramed .trafficCanvas .websiteTrafficChartSvg{touch-action:pan-y;overflow:visible}.trafficFramed .trafficCanvas .gridLine{stroke:var(--traffic-grid);stroke-dasharray:2 6;opacity:.9}.trafficFramed .trafficCanvas .websiteTrafficChartSvg text{fill:var(--traffic-axis);font-variant-numeric:tabular-nums}.trafficFramed .trafficCanvas .trafficFailureBand{fill:var(--traffic-error);opacity:calc(.04 + var(--failure-strength,0) * .12)}html[data-theme=dark] .trafficFramed .trafficCanvas .trafficFailureBand{opacity:calc(.03 + var(--failure-strength,0) * .06)}.trafficFramed .trafficCanvas .trafficFailureCap{fill:var(--traffic-error);opacity:calc(.4 + var(--failure-strength,0) * .45)}.trafficFramed .trafficCanvas .trafficFailureDot{fill:var(--traffic-error);stroke:var(--traffic-tip-surface);stroke-width:2px}.trafficFramed .trafficCanvas .trafficPreviousLine{fill:none;stroke:var(--traffic-previous);stroke-width:1.5px;stroke-dasharray:4 5;opacity:.75}.trafficFramed .trafficCanvas .trafficLineGlow{fill:none;stroke:var(--traffic-line);stroke-width:6px;opacity:.35}.trafficFramed .trafficCanvas :is(.trafficRequestLine,.trafficLatencyLine){fill:none;stroke:var(--traffic-line);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:1.1s cubic-bezier(.3,.7,.2,1) both trafficLineDraw}.trafficFramed .trafficCanvas :is(.trafficIntervalArea,.trafficLineGlow,.trafficFailureDot,.trafficEndPoint){animation:.6s ease-out .45s both trafficFadeIn}.trafficFramed .trafficCanvas .trafficLatencyDot{fill:var(--traffic-tip-surface);stroke:var(--traffic-line);stroke-width:1.6px}.trafficFramed .trafficCanvas .trafficEndDot{fill:var(--traffic-live);stroke:var(--traffic-tip-surface);stroke-width:2px}.trafficFramed .trafficCanvas [data-live] .trafficEndDot{fill:var(--traffic-live)}.trafficFramed .trafficCanvas :not([data-live])>.trafficEndDot{fill:var(--muted)}.trafficFramed .trafficCanvas .trafficPulse{fill:var(--traffic-live);transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite trafficPulse}.trafficFramed .trafficCanvas .trafficEndLabel{z-index:2;border:1px solid var(--border);background:var(--traffic-tip-surface);color:var(--muted);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.5;position:absolute;transform:translate(calc(-100% - 10px),calc(-100% - 8px))}.trafficFramed .trafficCanvas .trafficEndLabel[data-below]{transform:translate(calc(-100% - 10px),10px)}.trafficFramed .trafficCanvas .trafficCrosshair line{stroke:var(--text);stroke-opacity:.35}.trafficFramed .trafficCanvas .trafficCrosshair circle{fill:var(--traffic-tip-surface);stroke:var(--traffic-line);stroke-width:3px}.trafficFramed .trafficCanvas .trafficPoint{cursor:pointer}.trafficFramed .trafficCanvas .websiteTrafficPlot>.websiteTrafficInspector{top:4px;left:var(--tip-left,0);z-index:3;box-sizing:border-box;width:var(--tip-width,220px);border:1px solid color-mix(in srgb, var(--tone) 24%, var(--border));background:var(--traffic-tip-surface);max-width:calc(100% - 8px);color:var(--traffic-tip-text);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;padding:10px 12px;transition:opacity .14s,visibility 0s .14s;position:absolute;box-shadow:0 12px 32px #2a1f4329}.trafficFramed .trafficCanvas .websiteTrafficPlot>.websiteTrafficInspector[data-open]{opacity:1;visibility:visible;transition:opacity .14s}.trafficFramed .trafficCanvas .websiteTrafficInspector .trafficIntervalHeading{border-bottom:1px solid var(--border);min-height:0;padding-bottom:7px;display:block}.trafficFramed .trafficCanvas .websiteTrafficInspector .trafficIntervalHeading>strong{text-align:left;color:var(--muted);font-size:12px;font-weight:600;display:block}.trafficFramed .trafficCanvas .websiteTrafficInspector dl{grid-template-columns:1fr;gap:5px;margin:8px 0 0;display:grid}.trafficFramed .trafficCanvas .websiteTrafficInspector dl>div{border:0;justify-content:space-between;align-items:baseline;gap:10px;padding:0;display:flex}.trafficFramed .trafficCanvas .websiteTrafficInspector dt{color:var(--muted);font-size:12px;line-height:1.35}.trafficFramed .trafficCanvas .websiteTrafficInspector dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:12.5px;font-weight:700}.trafficFramed .trafficCanvas .websiteTrafficInspector dd small{color:var(--muted);white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;gap:0 8px;font-size:10.5px;font-weight:500;display:flex}.trafficFramed .trafficCanvas .websiteTrafficInspector .total dd{font-size:14px}.trafficFramed .trafficCanvas .websiteTrafficInspector .failure dd{color:var(--traffic-error-text)}.trafficFramed .trafficCanvas .websiteTrafficInspector .previous{border-top:1px dashed var(--border);padding-top:5px}.trafficFramed .trafficCanvas .trafficTooltipHint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.trafficFramed .trafficCanvas .websiteTrafficLegend{flex-wrap:wrap;gap:6px 16px;padding:6px 2px 10px}.trafficFramed .trafficCanvas .websiteTrafficLegend .trafficKey:before{content:"";background:var(--traffic-line);opacity:1;border-radius:2px;flex:none;width:16px;height:3px}.trafficFramed .trafficCanvas .websiteTrafficLegend .trafficKey.previous:before{border-top:2px dashed var(--traffic-previous);background:0 0;height:0}.trafficFramed .trafficCanvas .websiteTrafficLegend .trafficKey.failure:before{background:color-mix(in srgb, var(--traffic-error) 22%, transparent);width:10px;height:10px;box-shadow:inset 0 0 0 3px var(--traffic-tip-surface), inset 0 0 0 10px var(--traffic-error);border-radius:3px}@keyframes trafficLineDraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes trafficFadeIn{0%{opacity:0}}@keyframes trafficPulse{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media (max-width:767px){.trafficFramed .trafficCanvas .websiteTrafficPlot{height:auto;min-height:0}.trafficFramed .trafficCanvas .websiteTrafficPlot>.websiteTrafficInspector{width:auto;max-width:none;min-height:196px;box-shadow:none;opacity:1;visibility:visible;margin:8px 0 4px;transition:none;position:static}.trafficFramed .trafficCanvas .trafficEndLabel{top:-12px!important;left:auto!important;right:4px!important;transform:none!important}.trafficFramed .trafficCanvas .websiteTrafficHighlights{gap:12px 20px}.trafficFramed .trafficCanvas .websiteTrafficHighlights .trafficHeadline{flex:1 0 100%}}@media (prefers-reduced-motion:reduce){.trafficFramed .trafficCanvas :is(.trafficRequestLine,.trafficLatencyLine,.trafficIntervalArea,.trafficLineGlow,.trafficFailureDot,.trafficEndPoint){animation:none}.trafficFramed .trafficCanvas .trafficPulse{display:none}.trafficFramed .trafficCanvas .websiteTrafficInspector{transition:none!important}}.trafficFramed .trafficCanvas>footer{border:0;padding-top:12px}.trafficFramed .trafficCanvas .trafficAccessibleData{margin-top:0}.trafficFramed .websiteTrafficContent>.websiteTrafficDiagnostics{border:1px solid var(--border);border-radius:12px;margin-top:8px;padding:0 16px}.trafficFramed .websiteTrafficDiagnostics>summary{min-height:50px}.trafficDiagnosticTabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.trafficDiagnosticTabs button{color:var(--muted);min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:12px}.trafficDiagnosticTabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--violet);font-weight:700}.trafficDiagnosticsContent [role=tabpanel]{padding-bottom:16px}.trafficDiagnosticsContent [role=tabpanel][hidden]{display:none}.trafficDiagnosticsContent :is(button,[tabindex],summary):focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:4px}.trafficDiagnosticColumns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.trafficDiagnosticColumns.two{grid-template-columns:repeat(2,minmax(0,1fr))}.trafficDiagnosticsContent h3{margin:0 0 12px;font-size:13px;line-height:1.5}.trafficFactList{gap:0;margin:0;display:grid}.trafficFactList>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:9px 0;font-size:12px;line-height:1.5;display:grid}.trafficFactList dt{color:var(--muted)}.trafficFactList dd{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}.trafficFactCoverage{color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;line-height:1.5;display:block}.trafficDiagnosticNote{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.trafficDiagnosticEntity{gap:4px;margin:0 0 12px;font-size:13px;display:grid}.trafficDiagnosticEntity>span{color:var(--muted);font-size:12px}.trafficCoverageDetails{margin-top:8px}.trafficCoverageDetails>summary{min-height:44px;color:var(--muted);cursor:pointer;align-content:center;font-size:11px}.trafficPurposeLedger{margin-top:24px}.trafficPurposeLedger>details{border-top:1px solid var(--border)}.trafficPurposeLedger>details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:12px;display:flex}.trafficPurposeLedger>details>summary:before{content:"+";color:var(--muted)}.trafficPurposeLedger>details[open]>summary:before{content:"−"}.trafficPurposeLedger summary>span{flex:1}.trafficPurposeLedger summary small{color:var(--muted);font-weight:400}.trafficPurposeLedger>details>div{padding:0 0 16px 20px}.trafficProtectionState{color:var(--text);border-left:3px solid var(--violet);background:var(--canvas);padding:10px 12px;font-size:13px}.trafficProtectionState.blocked{border-color:var(--danger,#df2620)}.trafficCircuitRow{margin-top:16px;font-size:12px}.trafficCircuitRow>strong{overflow-wrap:anywhere}@media (max-width:1100px){.trafficDiagnosticColumns{grid-template-columns:1fr;gap:24px}}@media (max-width:600px){.trafficFramed>.trafficDisclosureSummary{padding:16px}.trafficFramed>.websiteTrafficHeader{padding:12px 16px 0}.trafficFramed>.trafficLoadState{margin-inline:16px}.trafficFramed>.websiteTrafficContent{padding:0 16px 16px}.trafficFramed .trafficCanvas .websiteTrafficChartBody{margin-inline:-4px;padding:10px 6px 0}.trafficFramed .trafficCanvas .websiteTrafficHighlights strong{font-size:18px}.trafficFramed .trafficCanvas .websiteTrafficLegend{min-height:42px}.trafficFramed .trafficCanvas .websiteTrafficLegend>small{margin-left:auto}.trafficFramed .trafficCanvas .websiteTrafficLegend{gap:6px 12px}.trafficDiagnosticColumns.two{grid-template-columns:1fr}.trafficDiagnosticTabs{gap:0}.trafficDiagnosticTabs button{flex:1;padding:10px 5px;font-size:11px}.trafficFramed .websiteTrafficContent>.websiteTrafficDiagnostics{padding-inline:12px}}