.web-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:0 0 1.5rem;color:var(--muted,#786e67);font-size:.82rem}.web-period{display:flex;gap:.65rem;align-items:center;font-weight:600;color:#2b1711}.web-period select{border:1px solid #ddd4c8;border-radius:7px;background:white;color:#2b1711;padding:.6rem .9rem;font:inherit}.web-refresh-status{margin-left:auto;font-size:.75rem}.web-metrics .metric-value{font-variant-numeric:tabular-nums}.web-top{align-items:stretch}.web-ranks{padding:1.25rem 1.5rem;display:grid;gap:1.15rem;max-height:350px;overflow:auto}.web-rank>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}.web-rank span{overflow-wrap:anywhere}.web-rank strong{font-variant-numeric:tabular-nums}.web-rank-track{height:5px;background:#f2ece4;border-radius:5px;margin-top:.6rem;overflow:hidden}.web-rank-track i{display:block;height:100%;background:#9c543d;border-radius:5px}.web-chart-head{padding:1.2rem 1.5rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.web-chart-head strong{font-size:1.8rem;font-weight:500;font-variant-numeric:tabular-nums}.web-chart-head small{display:block;font-size:.75rem;color:#786e67;margin-top:.2rem}.web-chart-toggle{display:flex;border:1px solid #e3dbd1;border-radius:7px;overflow:hidden}.web-chart-toggle button{border:0;background:transparent;color:#786e67;padding:.5rem .65rem;font-size:.75rem;cursor:pointer}.web-chart-toggle button.selected{background:#2b1711;color:#f7f1e8}.web-chart{display:flex;gap:.65rem;padding:1rem 1.5rem 1.25rem;min-height:220px}.web-chart-scale{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:27px;color:#91877e;font-size:.7rem;min-width:22px}.web-chart-bars{display:flex;gap:5px;flex:1;min-width:0;background:repeating-linear-gradient(to top,transparent 0,transparent 59px,#f0eae2 60px,#f0eae2 61px);background-size:100% calc(100% - 25px);background-repeat:no-repeat}.web-chart-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.web-chart-bar-space{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center}.web-chart-bar-space i{display:block;background:#9c543d;width:72%;max-width:45px;border-radius:4px 4px 0 0;min-height:3px}.web-chart-bar-space i.zero{background:#e9e1d6;height:2px!important;min-height:2px}.web-chart-column small{height:25px;font-size:.64rem;white-space:nowrap;color:#786e67;margin-top:.55rem}.web-page-link{color:#2b1711;text-decoration:none;font-weight:600}.web-page-link:hover{text-decoration:underline}.web-live-dot{display:inline-block;background:#48876b;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #eaf2ec;margin-right:5px}.web-explanation{font-size:.76rem;line-height:1.7;color:#786e67;margin:1.25rem 0 .5rem;max-width:1000px}.web-error{margin-bottom:1rem}.web-error p{margin:.3rem 0 0}.web-metrics .metric small{line-height:1.5}@media(max-width:850px){.web-refresh-status{margin-left:0;width:100%}.web-top{grid-template-columns:1fr}.web-chart{padding-left:1rem;padding-right:1rem}.web-ranks{padding:1rem}.web-chart-head{padding:1rem}.web-chart-column small{font-size:.58rem}.web-chart-toggle button{padding:.5rem}.web-toolbar>span:not(.web-refresh-status){width:100%;font-size:.75rem}}@media(max-width:480px){.web-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.web-metrics .metric-value{font-size:1.85rem}.web-metrics .metric-label{font-size:.72rem}.web-metrics .metric small{font-size:.67rem}.web-chart-bars{gap:3px}.web-chart-head strong{font-size:1.5rem}.web-chart-column small{font-size:.53rem}}