.traffic-shell{max-width:1320px;color:var(--ink);font-family:var(--sans);margin:auto;padding:0 4.5% 50px}.traffic-mast{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:86px;display:flex}.traffic-mast>a:last-child{margin-left:auto;font-size:11px}.traffic-owner{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:4px 9px;font-size:10px}.traffic-intro{justify-content:space-between;align-items:end;gap:40px;padding:45px 0 30px;display:flex}.traffic-intro h1{font:clamp(40px,5vw,60px)/1.05 var(--serif);letter-spacing:-.045em;margin:0 0 18px}.traffic-intro h1 em{color:var(--accent)}.traffic-intro p:last-child{color:var(--muted);font-size:13px}.traffic-controls{align-items:end;gap:10px;margin-bottom:12px;display:flex}.traffic-controls label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:9px}.traffic-controls select{background:var(--white);min-width:140px;height:38px;color:var(--ink);border:1px solid var(--line);border-radius:3px;margin-top:8px;padding:0 10px;font-size:12px;display:block}.traffic-status{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:15px 0;font-size:11px;display:flex}.traffic-status small{margin-left:auto;font-size:10px}.traffic-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.traffic-dot.paused{background:var(--amber)}.traffic-stats{border:1px solid var(--line);background:var(--white);grid-template-columns:repeat(4,1fr);margin:28px 0;display:grid}.traffic-stats article{border-right:1px solid var(--line);padding:22px}.traffic-stats article:last-child{border:0}.traffic-stats p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:10px}.traffic-stats strong{color:var(--blue);font:44px var(--serif);font-variant-numeric:tabular-nums;display:block}.traffic-stats small{color:var(--muted);margin-top:14px;font-size:10px;line-height:1.6;display:block}.traffic-stats .traffic-last{padding:7px 0;font-size:32px}.traffic-card{border:1px solid var(--line);background:var(--white);min-width:0;padding:25px}.traffic-card h2{font:26px var(--serif);letter-spacing:-.02em;margin:0 0 22px}.traffic-chart-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.traffic-chart-heading h2{margin:0}.traffic-switch{gap:4px;display:flex}.traffic-switch button{border:1px solid var(--line);color:var(--muted);font:11px var(--sans);cursor:pointer;background:0 0;padding:7px 10px}.traffic-switch button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.traffic-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.traffic-groups{margin:0;padding:0;list-style:none}.traffic-groups li+li{margin-top:16px}.traffic-groups li>div:first-child{justify-content:space-between;gap:15px;font-size:12px;display:flex}.traffic-groups strong{color:var(--blue);font-weight:400}.traffic-bar{background:var(--line);height:3px;margin-top:8px}.traffic-bar span{background:var(--accent);opacity:.8;height:100%;display:block}.traffic-columns{border-bottom:1px solid var(--line);align-items:end;gap:3px;height:180px;margin-top:30px;display:flex}.traffic-column{flex:1;align-items:end;min-width:1px;height:100%;display:flex}.traffic-column span{background:var(--accent);opacity:.8;border-radius:2px 2px 0 0;width:100%;display:block}.traffic-axis{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.traffic-foot{border-top:1px solid var(--line);max-width:850px;color:var(--muted);margin-top:30px;padding-top:20px;font-size:11px}.traffic-foot p{line-height:1.8}.traffic-empty{color:var(--muted);max-width:700px;padding:30px 0;font-size:13px;line-height:1.8}.traffic-error{border:1px solid var(--amber);color:var(--amber);padding:15px;font-size:12px}@media (max-width:900px){.traffic-intro{display:block}.traffic-controls{flex-wrap:wrap;margin-top:25px}.traffic-stats{grid-template-columns:repeat(2,1fr)}.traffic-stats article:nth-child(2){border-right:0}.traffic-stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:600px){.traffic-grid{grid-template-columns:1fr}.traffic-owner{display:none}.traffic-mast{gap:12px}.traffic-stats article{padding:16px}.traffic-stats strong{font-size:36px}.traffic-status{flex-wrap:wrap}.traffic-status small{margin-left:14px}.traffic-card{padding:20px}.traffic-chart-heading{flex-direction:column;align-items:start}.traffic-columns{gap:2px}.traffic-controls .button{font-size:11px}}.traffic-login{max-width:470px;margin:70px auto}.traffic-login h1{font:50px/1.1 var(--serif);letter-spacing:-.04em}.traffic-login h1 em{color:var(--accent)}.traffic-login>p{color:var(--muted);font-size:13px}.traffic-login label{color:var(--muted);font-size:11px;display:block}.traffic-login input{background:var(--white);width:100%;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:3px;margin:9px 0 18px;padding:0 12px;display:block}.traffic-login form{margin:28px 0}.traffic-login .traffic-login-note{margin-top:30px;font-size:11px}