body{margin:0;background:#0c1113;color:#edf3ef;font:16px/1.6 Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}.traffic-shell{width:min(1180px,100%);margin:0 auto;padding:42px 24px 80px}.traffic-nav{display:flex;flex-wrap:wrap;gap:14px 24px;padding-bottom:22px;border-bottom:1px solid #304039}.traffic-shell a{color:#c9d7cf;text-underline-offset:4px}.traffic-shell h1{font-size:clamp(36px,6vw,66px);letter-spacing:-2px;line-height:1.08;margin:14px 0}.eyebrow{display:block;font-size:12px;letter-spacing:3px;color:#b8ff39;margin-top:32px}.traffic-lead{max-width:64ch;color:#b9c9bf}.traffic-shell button{font:700 14px/1.4 Arial;color:#10160a;background:#b8ff39;border:1px solid #b8ff39;border-radius:7px;min-height:44px;padding:10px 18px;cursor:pointer}.traffic-shell button:disabled{opacity:.5}.traffic-shell :focus-visible{outline:2px solid #b8ff39;outline-offset:4px}.traffic-shell input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #6c8176;border-radius:6px;background:#15211b;color:#fff;margin:8px 0 16px}.traffic-shell form{max-width:470px;border:1px solid #35493e;background:#15211b;border-radius:12px;padding:24px;margin:28px 0}.traffic-shell [hidden]{display:none!important}.traffic-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 16px}.traffic-toolbar .eyebrow{margin:0}.traffic-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.traffic-metric,.traffic-panel{border:1px solid #32463b;border-radius:14px;background:linear-gradient(130deg,#1a2821,#111b16);padding:24px;min-width:0}.traffic-metric h2{font-size:14px;color:#bfd0c5;margin:0 0 12px}.traffic-metric strong{font-size:42px;line-height:1.2;color:#c3ff65}.traffic-metric p{font-size:13px;color:#96ada0;margin:12px 0 0}.traffic-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin:20px 0}.traffic-panel{margin-bottom:20px}.traffic-panel h2{font-size:21px;margin:0 0 12px}.traffic-panel p{color:#b1c4b8}.traffic-panel table{border-collapse:collapse;width:100%;font-size:14px;table-layout:fixed}.traffic-panel td,.traffic-panel th{text-align:left;padding:12px 0;border-bottom:1px solid #33463c;overflow-wrap:anywhere}.traffic-panel td:last-child,.traffic-panel th:last-child{width:60px;text-align:right;padding-left:8px}.traffic-bar-row{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:10px;align-items:center;margin:15px 0;font-size:13px}.traffic-bar-row b{text-align:right}.traffic-bar-track{height:12px;background:#304035;border-radius:8px}.traffic-bar-track>span{display:block;height:100%;background:#b8ff39;border-radius:8px}.traffic-notes{background:#111b17;font-size:14px}.traffic-empty{padding:22px 0}[data-moderator-message]:not(:empty){border-left:3px solid #b8ff39;padding:10px 16px;background:#17251c} @media(max-width:700px){.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-columns{grid-template-columns:1fr}.traffic-shell{padding:22px 16px 50px}.traffic-metric,.traffic-panel{padding:18px}.traffic-metric strong{font-size:34px}} @media(max-width:380px){.traffic-metrics{grid-template-columns:1fr}}
/* Compact private dashboard; preserve readable labels and touch targets. */
.traffic-audience-title{font-size:18px;margin:20px 0 10px}.traffic-audience-metrics{margin-bottom:16px}
.traffic-columns{align-items:start}.traffic-panel details{margin-top:12px}
.traffic-shell{padding-top:24px;max-width:1180px}.traffic-shell h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.traffic-shell>.eyebrow{margin-top:18px}.traffic-toolbar{margin:16px 0 12px}.traffic-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.traffic-metric,.traffic-panel{padding:14px;border-radius:10px}.traffic-metric strong{font-size:29px}.traffic-metric h2{margin-bottom:6px}.traffic-metric p{margin-top:6px;line-height:1.35}.traffic-columns{gap:12px;margin:12px 0}.traffic-panel{margin-bottom:12px}.traffic-panel h2{font-size:18px;margin-bottom:8px}.traffic-panel p{font-size:14px;margin:8px 0}.traffic-panel td,.traffic-panel th{padding:7px 5px}.traffic-panel th:last-child,.traffic-panel td:last-child{width:auto}.traffic-panel summary{cursor:pointer;font-weight:700}.traffic-bar-row{margin:8px 0}.traffic-link-row{display:flex;gap:12px;justify-content:space-between}.traffic-link-row a{overflow-wrap:anywhere;min-width:0}.traffic-panel table{font-size:13px}.traffic-panel th{overflow-wrap:anywhere}@media(max-width:900px){.traffic-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-shell{padding:18px 12px 40px}}