.list-select{display:block;position:relative}.list-select-trigger{color:#e5e5e5;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:Inter,Arial,sans-serif;font-size:.88rem;transition:border-color .15s,box-shadow .15s;display:flex}.list-select-trigger:focus-visible{border-color:#d9775780;box-shadow:0 0 0 3px #d9775726}.list-select-current{align-items:center;gap:8px;min-width:0;min-height:1em;display:inline-flex;overflow:hidden}.list-select-chevron{color:#888;flex-shrink:0}.list-select-clear{color:#888;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,color .12s;display:inline-flex}.list-select-clear:hover{color:#e5e5e5;background:#ffffff1a}.list-select-label{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.list-select-flag{vertical-align:middle;flex-shrink:0;width:1.2em;height:.9em}img.list-select-flag{object-fit:cover}.list-select-popup{z-index:100;background:#2a2a2a;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:4px;min-width:220px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0006}.list-select-search{color:#e5e5e5;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:.85rem}.list-select-search:focus{border-color:#d9775780}.list-select-list{max-height:320px;overflow-y:auto}.list-select-item{cursor:pointer;text-align:left;color:#e5e5e5;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;transition:background .12s;display:flex}.list-select-item:hover{background:#ffffff14}.list-select-item--active{background:#d9775726}
.tr-page{background:var(--background);color:var(--foreground);box-sizing:border-box;max-width:1080px;min-height:100vh;margin:0 auto;padding:24px 32px}.tr-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tr-header-left{align-items:center;gap:12px;display:flex}.tr-back{background:var(--muted);width:32px;height:32px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.tr-back:hover{background:var(--secondary)}.tr-title{margin:0;font-size:1.5rem;font-weight:600}.tr-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tr-range-tabs{background:var(--muted);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.tr-range-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:background .15s,color .15s}.tr-range-btn:hover{color:var(--foreground)}.tr-range-btn.is-active{background:var(--card);color:var(--foreground)}.tr-view-select{min-width:160px;display:inline-block}.tr-totals{color:var(--muted-foreground);margin-left:auto;font-size:.85rem}.tr-totals b{color:var(--foreground);font-weight:600}.tr-loading,.tr-empty{text-align:center;color:var(--muted-foreground);padding:40px 0}.tr-error{background:color-mix(in srgb, var(--destructive) 12%, transparent);color:var(--destructive);border-radius:8px;margin-bottom:16px;padding:16px}.tr-section{margin-bottom:32px}.tr-section-title{color:var(--foreground);margin:0 0 12px;font-size:.95rem;font-weight:600}.tr-section-head{margin:0 0 12px}.tr-section-head .tr-section-title{margin:0}.tr-section-hint{color:color-mix(in srgb, var(--foreground) 55%, transparent);margin:4px 0 0;font-size:.75rem;line-height:1.45}.tr-chart-wrap{background:var(--card);box-sizing:border-box;border-radius:8px;width:100%;height:280px;padding:8px}.tr-gate{color:var(--muted-foreground);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 16px;display:flex}.tr-login-btn{background:var(--accent);color:var(--accent-foreground);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:500}.tr-login-btn:hover{filter:brightness(1.08)}.tr-rank-list{margin:0;padding:0;list-style:none}.tr-rank-row{font-variant-numeric:tabular-nums;border-radius:6px;grid-template-columns:minmax(0,1.8fr) minmax(80px,2fr) 60px 64px 56px;align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:grid}.tr-rank-row:nth-child(odd){background:color-mix(in srgb, var(--muted) 50%, transparent)}.tr-rank-row.tr-rank-row--no-dwell{grid-template-columns:minmax(0,1.8fr) minmax(80px,2fr) 60px 64px}.tr-rank-label{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-family:var(--font-mono);font-size:.8rem;overflow:hidden}.tr-rank-country{align-items:center;gap:6px;font-family:inherit;display:flex}.tr-rank-bar-wrap{background:var(--muted);border-radius:4px;height:8px;overflow:hidden}.tr-rank-bar{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--foreground)));border-radius:4px;height:100%}.tr-rank-pv{color:var(--foreground);text-align:right;font-weight:500}.tr-rank-uv,.tr-rank-dwell{color:var(--muted-foreground);text-align:right;font-size:.75rem}.tr-flag{vertical-align:middle;width:18px;height:auto}.tr-flag-placeholder{background:var(--muted);width:18px;height:13px;color:var(--muted-foreground);border-radius:2px;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.tr-footer{border-top:1px solid var(--border-default);color:var(--muted-foreground);margin-top:48px;padding-top:16px;font-size:.75rem;line-height:1.6}.tr-footer p{margin:0}@media (max-width:768px){.tr-page{padding:16px 12px}.tr-title{font-size:1.2rem}.tr-toolbar{gap:8px}.tr-totals{width:100%;margin-left:0}.tr-chart-wrap{height:220px}.tr-rank-row{grid-template-columns:minmax(0,1fr) 50px;grid-template-areas:"label pv""bar bar""uv dwell";gap:4px;padding:8px}.tr-rank-label{grid-area:label;font-size:.78rem}.tr-rank-bar-wrap{grid-area:bar}.tr-rank-pv{grid-area:pv}.tr-rank-uv{text-align:left;grid-area:uv}.tr-rank-dwell{text-align:right;grid-area:dwell}}
