:root{--navy:#132f4c;--blue:#215d9e;--muted:#6c7f92;--line:#dce5ed;--green:#167767;background:#f1f5f9;color:var(--navy)}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 90% 0,#dce9f5 0,transparent 40%)}main{max-width:1240px;padding:30px 28px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy);font-weight:800;letter-spacing:-.04em}.brand-symbol{background:var(--navy);color:white;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:19px}.topbar nav{display:flex;gap:16px}.topbar nav a{font-size:13px;color:#536a82;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.tower-hero{position:relative;overflow:hidden;background:var(--navy);border-radius:24px;padding:32px 36px;margin-bottom:24px;color:white;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 12px 28px #19385412}.tower-hero::after{content:'';position:absolute;right:-70px;top:-165px;width:440px;height:440px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03;pointer-events:none}.tower-hero .eyebrow{color:#a8c9e4;font-size:11px;letter-spacing:.16em}.tower-hero h1{font-size:36px;margin:12px 0 10px}.tower-hero p{color:#c3d3e1;margin:0;font-size:14px;line-height:1.8}.tower-date{min-width:165px;text-align:right;position:relative;z-index:1}.tower-date span{display:block;font-size:11px;color:#a8c9e4;margin-bottom:9px}.tower-date strong{font-size:20px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:28px 0 14px}.section-head h2{font-size:20px;letter-spacing:-.04em}.section-head p{font-size:12px;color:var(--muted);margin:7px 0 0}.section-kicker{font-size:10px;letter-spacing:.13em;color:var(--muted);display:block;margin-bottom:6px;font-weight:700}.stats-status{font-size:11px;color:var(--muted);text-align:right;margin:0;line-height:1.6}.site-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 4px 14px #19385403;min-width:0}.site-card-top{display:flex;gap:12px;align-items:center}.site-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf2fb;color:#26639c;flex-shrink:0}.site-icon svg{width:24px;height:24px}.site-card h3{font-size:17px;margin:0;letter-spacing:-.04em}.site-card-top p{font-size:11px;color:var(--muted);margin:4px 0 0}.site-card.radar .site-icon{background:#e9f5ef;color:#24785e}.site-card.food .site-icon{background:#fbf2e8;color:#b37635}.visitor-line{display:flex;align-items:baseline;gap:7px;margin-top:22px}.visitor-value{font-size:38px;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-weight:750;line-height:1.1}.visitor-unit{color:var(--muted);font-size:13px}.visitor-caption{display:flex;justify-content:space-between;gap:6px;margin:8px 0 18px;font-size:11px;color:var(--muted)}.site-open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;padding-top:14px;min-height:42px;text-decoration:none;color:#275c8e;font-size:12px;font-weight:700}.site-card[data-state="unavailable"] .visitor-value{color:#98a7b6}.site-card[data-state="stale"] .visitor-caption{color:#a26823}
.trends{margin-top:28px;padding:25px 28px}.trends-head h2{font-size:21px}.trend-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px}.trend-tab{appearance:none;border:1px solid #dce5ef;border-radius:10px;padding:10px 14px;background:#f7f9fc;color:#52687e;min-height:44px;font:600 13px system-ui;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.trend-tab:hover{background:#edf3fa}.trend-tab[aria-selected="true"]{background:#173e66;border-color:#173e66;color:white;box-shadow:0 4px 8px #173e6612}.trend-tab small{font-weight:500;opacity:.7;font-size:10px;min-width:12px}.trend-tab:focus-visible{outline:3px solid #cf9629;outline-offset:3px}.trends-meta{border-top:1px solid #e9eef4;border-bottom:1px solid #e9eef4;padding:11px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.trends .trends-meta p{margin:0;font-size:11px}.trends .trends-meta strong{color:#37536e}.trends #trends-status{text-align:right}.trends #trends-list{margin-top:14px;grid-template-rows:repeat(var(--trend-rows,10),auto);column-gap:34px}.trends li{border-color:#edf1f6}.trends li a{min-height:49px;gap:12px}.trend-title{flex:1;font-size:14px}.trend-traffic{font-size:10px;color:#8394a5;white-space:nowrap}.trends li:nth-child(-n+3) .trend-rank{color:#215d9e}.trend-rank{color:#95a6b7;font-size:14px}.trends .trend-empty{padding:35px 12px;text-align:center;background:#f7f9fc;border-radius:12px;margin:16px 0 0;font-size:13px}.trend-empty[hidden]{display:none}.trends .source-note{font-size:11px;color:#8796a6;margin-top:16px}.apps-section{margin-top:32px;scroll-margin-top:20px}.grid{gap:16px}.app{padding:24px;border-radius:20px}.app .features{font-size:13px}.app .desc{font-size:14px}.panel h2{font-size:18px}footer{line-height:1.8}a:focus-visible{outline:3px solid #cf9629;outline-offset:3px}
@media(max-width:800px){main{padding:22px 20px 36px}.tower-hero{padding:28px}.tower-date{min-width:145px}.site-overview{gap:12px}.site-card{padding:18px}.site-card h3{font-size:15px}.site-card-top{gap:8px}.site-icon{width:34px;height:34px}.visitor-caption{flex-direction:column;gap:4px}.trend-tab{padding:10px 12px}.trends{padding:22px}}
@media(max-width:620px){main{padding:18px 16px 30px}.topbar{margin-bottom:14px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.tower-hero{border-radius:18px;padding:25px 22px;display:block}.tower-hero h1{font-size:29px}.tower-hero p{font-size:12px}.tower-date{text-align:left;margin-top:18px;display:flex;align-items:center;gap:10px}.tower-date span{margin:0;font-size:10px}.tower-date strong{font-size:13px}.section-head{align-items:flex-start;gap:10px}.section-head h2{font-size:19px}.stats-status{max-width:132px;font-size:10px}.site-overview{grid-template-columns:1fr;gap:10px}.site-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:17px 19px;border-radius:16px}.site-card-top{grid-column:1;grid-row:1}.site-icon{width:38px;height:38px}.site-card h3{font-size:16px}.visitor-line{margin:0;grid-column:2;grid-row:1;align-self:center}.visitor-value{font-size:31px}.visitor-unit{font-size:11px}.visitor-caption{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;margin:12px 0}.site-open{grid-column:1/-1;grid-row:3;min-height:39px;padding-top:10px}.trends{margin-top:22px;padding:20px 18px;border-radius:18px}.trends-head h2{font-size:18px}.trends-head>a{font-size:11px;min-height:30px}.trend-tabs{gap:6px;margin:16px 0}.trend-tab{font-size:12px;min-height:42px;padding:9px 11px;flex-grow:1;justify-content:center}.trends-meta{display:block}.trends #trends-status{text-align:left;margin-top:5px}.trends #trends-list{column-gap:16px}.trends li a{gap:7px;min-height:48px;align-items:flex-start}.trend-title{font-size:12px;line-height:1.6}.trend-rank{width:17px;font-size:12px;line-height:1.6}.trend-traffic{display:none}.grid{grid-template-columns:1fr}.app{padding:22px}.apps-section .section-head{display:block}.apps-section .section-head>p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
