.traffic-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.traffic-filters .label{flex:1;min-width:170px}.traffic-results{display:grid;gap:24px;margin-top:24px}.traffic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.traffic-table{min-width:0}.traffic-table h2,.traffic-chart h2{font-size:18px}.traffic-table td{overflow-wrap:anywhere}.traffic-bars{height:180px;display:flex;gap:3px;align-items:end;border-bottom:1px solid #76509c55;margin:24px 0}.traffic-bars>div{flex:1;height:100%;display:flex;align-items:end;min-width:0}.traffic-bars span{display:block;width:100%;height:max(2px,var(--bar));background:linear-gradient(#c6a2ff,#7544ad);border-radius:3px 3px 0 0}.traffic-chart summary{cursor:pointer;color:#ccb0ed;padding:8px 0}.traffic-chart details .panel{padding:0;max-height:280px;overflow:auto}.traffic-results[aria-busy=true]{opacity:.6}@media(max-width:1100px){.traffic-grid{grid-template-columns:1fr}}@media(max-width:600px){.traffic-filters{align-items:stretch}.traffic-filters .label{flex-basis:100%}.traffic-bars{height:140px;gap:2px}}
.traffic-summary{padding:28px;border:1px solid #6b4b8c;border-radius:16px;background:linear-gradient(115deg,#30203f,#1d1629)}.traffic-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:22px}.traffic-summary-grid>div{min-width:0;display:grid;align-content:start;gap:9px}.traffic-summary-grid small{color:#c2afd3}.traffic-summary-grid strong{font-size:23px;letter-spacing:-.5px;overflow-wrap:anywhere}.traffic-summary-grid span{color:#b09aba;font-size:12px}.traffic-comparison{display:block;color:#b7a4c9;font-size:11px;line-height:1.6;margin-top:12px}.traffic-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.traffic-chart-switch{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border:1px solid #483453;border-radius:10px}.traffic-chart-switch button{border:0;background:transparent;color:#beaace;border-radius:7px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}.traffic-chart-switch button[aria-pressed=true]{background:#b992e9;color:#20162b}.traffic-timeline{width:100%;height:auto;min-height:170px;display:block;margin:20px 0}.traffic-timeline text{fill:#b9a7c9;font-size:12px;font-family:inherit}.traffic-gridline{stroke:#493653;stroke-dasharray:3 5}.traffic-area{fill:#9c6ade;opacity:.12}.traffic-line{fill:none;stroke:#c99aff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.traffic-point{fill:#c99aff;stroke:#22182f;stroke-width:2}.traffic-point:hover{fill:#fff;stroke:#c99aff;stroke-width:4}.traffic-ranking h2,.traffic-devices h2{font-size:18px;margin-bottom:24px}.traffic-rank-row{margin:18px 0}.traffic-rank-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.traffic-rank-name{min-width:0;overflow-wrap:anywhere}.traffic-rank-row strong{white-space:nowrap;font-size:13px}.traffic-rank-row strong small{color:#b1a0bf;font-weight:400;margin-left:6px}.traffic-track{height:7px;background:#30243d;border-radius:5px;margin-top:9px;overflow:hidden}.traffic-track span{height:100%;display:block;background:#bb8bea;border-radius:5px}.traffic-track [data-tone="1"]{background:#8965bb}.traffic-track [data-tone="2"]{background:#ded0f4}.traffic-track [data-tone="3"]{background:#6d5791}.traffic-ranking details summary{color:#cbb0e5;cursor:pointer;font-size:13px;margin-top:20px}.traffic-ranking details .panel{padding:0;margin-top:16px}.traffic-geo-note{margin:0;padding:0 6px;line-height:1.8}.traffic-geo-note a{color:#cfacf2;text-decoration:underline}.traffic-device-layout{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}.traffic-donut{width:150px;height:150px}.traffic-segment{transform:rotate(-90deg);transform-origin:64px 64px}.traffic-donut text{fill:#f0e6fb;font-size:16px;font-weight:700}.traffic-donut text.traffic-donut-label{fill:#bdaccd;font-size:8px;font-weight:400}.tone-0{stroke:#c39aff;background:#c39aff}.tone-1{stroke:#8563b2;background:#8563b2}.tone-2{stroke:#e0c7ff;background:#e0c7ff}.tone-3{stroke:#5a4776;background:#5a4776}.traffic-device-legend{display:flex;align-items:center;gap:10px;font-size:13px}.traffic-device-legend i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.traffic-device-legend strong{margin-left:auto}.traffic-returning{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #493653;margin-top:24px;padding-top:22px;gap:18px}.traffic-returning strong{display:block;font-size:25px;color:#ddc4ff}.traffic-returning span{font-size:12px;color:#bcaccb}.traffic-hour-bars{display:flex;height:170px;align-items:end;gap:4px;margin:30px 0}.traffic-hour-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;min-width:0}.traffic-hour-bars span{display:block;background:#b485e8;border-radius:3px 3px 0 0;min-height:0}.traffic-hour-bars small{height:22px;min-height:22px;margin-top:8px;font-size:10px;color:#b8a6c7}.traffic-chart details .table-wrap{max-height:300px;overflow:auto}.traffic-filters button:disabled{opacity:.5}.traffic-table th{white-space:normal}@media(max-width:1250px){.traffic-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.traffic-summary{padding:20px}.traffic-summary-grid{gap:22px 16px}.traffic-summary-grid strong{font-size:19px}.traffic-chart-switch{width:100%}.traffic-chart-switch button{flex:1;padding:8px 4px;font-size:11px}.traffic-device-layout{grid-template-columns:120px minmax(0,1fr);gap:14px}.traffic-donut{width:120px;height:120px}.traffic-device-legend{gap:6px;font-size:12px}.traffic-timeline{min-height:130px}.traffic-results .panel{padding:20px}.traffic-hour-bars{gap:2px}}
.traffic-results .metric:first-child .traffic-comparison{color:#4a2b61}@media(max-width:600px){.traffic-timeline text{font-size:24px}}