.repeater-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.repeater-toolbar label{display:flex;flex-direction:column;gap:5px;min-width:170px;flex:1}.repeater-toolbar input,.repeater-toolbar select{width:100%;min-width:0;max-width:100%}.repeater-toolbar .repeater-check,.repeater-check{flex-direction:row;align-items:center;gap:8px;min-height:44px}.repeater-check input{width:auto}.repeater-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.repeater-layout>div,.repeater-layout>aside{min-width:0}#repeater-traffic-map{height:560px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg)}#repeater-detail{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:16px;max-height:650px;overflow:auto}.repeater-note{color:var(--muted);font-size:calc(12px * var(--reading,1));border-top:1px solid var(--line);padding-top:14px}.repeater-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:10px 0}.repeater-legend span{display:flex;align-items:center;gap:5px}.repeater-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.repeater-timeline{background:var(--panel2);border-radius:10px;padding:12px}.repeater-timeline label{display:block}.repeater-timeline .repeater-check{display:flex}.repeater-timeline input[type=range]{width:100%;margin:10px 0}.repeater-timeline p{font-size:calc(12px * var(--reading,1));color:var(--muted)}.repeater-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.repeater-stat{border:1px solid var(--line);border-radius:10px;padding:14px}.repeater-stat strong{display:block;font-size:24px;color:var(--accent)}.repeater-stat span{font-size:12px;color:var(--muted)}.repeater-rank-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:10px}.repeater-rank-number{font-size:20px;font-weight:800;color:var(--accent)}.repeater-rank-card h3{margin:0;font-size:calc(16px * var(--reading,1));overflow-wrap:anywhere}.repeater-rank-card p{margin:5px 0;font-size:calc(12px * var(--reading,1));color:var(--muted)}.repeater-rank-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:end}.repeater-favorite{min-width:44px;min-height:44px;font-size:19px}.repeater-favorite[aria-pressed=true]{color:var(--amber,#ffbc55);border-color:var(--amber,#ffbc55)}.repeater-activity-track{height:5px;background:var(--line);border-radius:4px;margin-top:9px;overflow:hidden}.repeater-activity-fill{height:100%;background:var(--accent);border-radius:4px}.repeater-days{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:5px;height:110px;margin:16px 0}.repeater-day{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;font-size:10px}.repeater-day i{display:block;width:75%;background:var(--accent);min-height:2px;border-radius:4px}.repeater-packet{padding:12px 0;border-top:1px solid var(--line)}.repeater-packet p{margin:5px 0;font-size:12px;overflow-wrap:anywhere}.repeater-packet code{font-size:11px;overflow-wrap:anywhere}.repeater-packet summary{font-size:13px;cursor:pointer}.repeater-popup{max-width:260px}.repeater-popup p{margin:6px 0}.repeater-empty{padding:20px;color:var(--muted)}.repeater-rank-card a{white-space:nowrap}
@media(max-width:1000px){.repeater-layout{grid-template-columns:1fr}#repeater-detail{max-height:none}.repeater-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#repeater-traffic-map{height:430px}.repeater-rank-card{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px}.repeater-rank-actions{grid-column:2;justify-content:start}.repeater-toolbar{gap:9px}.repeater-toolbar label{min-width:140px}.repeater-stats{gap:8px}.repeater-stat{padding:10px}.repeater-stat strong{font-size:21px}.repeater-tabs{gap:6px}}@media(prefers-reduced-motion:reduce){.repeater-activity-fill{transition:none}}

.repeater-playback-controls{align-items:center}.repeater-playback-controls label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.repeater-playback-controls button,.repeater-playback-controls select{min-height:44px}.repeater-playback-options{display:flex;gap:12px 24px;flex-wrap:wrap}.repeater-map-stage{min-width:0}.repeater-map-stage:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;padding:12px;box-sizing:border-box;background:var(--bg,#0b121b);overflow:auto}.repeater-map-stage:fullscreen #repeater-traffic-map{flex:1 0 240px;height:auto!important;min-height:240px}.repeater-map-stage:fullscreen .repeater-timeline{flex:none;margin:0}.repeater-map-stage:fullscreen .repeater-legend{margin:8px 0}.repeater-map-stage .packet-orb{filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 14px #7cadff)}.repeater-map-stage .packet-tail{filter:drop-shadow(0 0 4px currentColor)}.repeater-map-stage .packet-hop-ring{filter:drop-shadow(0 0 3px #87d9ff)}
@media(max-width:560px){.repeater-playback-controls{gap:8px}.repeater-playback-controls label{width:100%}.repeater-map-stage:fullscreen{padding:6px}.repeater-map-stage:fullscreen .repeater-legend{font-size:10px}.repeater-map-stage:fullscreen .repeater-playback-controls{margin:6px 0}}@media(prefers-reduced-motion:reduce){.repeater-map-stage .packet-orb,.repeater-map-stage .packet-tail,.repeater-map-stage .packet-hop-ring{filter:none}}

.repeater-below-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-width:0}#repeater-nearby{min-width:0;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--panel2)}.repeater-search-results{border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:16px;max-height:300px;overflow:auto;background:var(--panel2)}.repeater-search-results button{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;text-align:left;min-height:44px;margin:4px 0;white-space:normal;overflow-wrap:anywhere}.repeater-search-results button[aria-selected=true]{border-color:var(--accent);background:var(--panel)}.repeater-search-results small{color:var(--muted);flex-shrink:0}.repeater-nearby-controls{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.repeater-nearby-controls label{display:flex;align-items:center;gap:8px}.repeater-nearby-controls select{min-height:44px}.repeater-nearby-list{max-height:480px;overflow:auto}.repeater-nearby-node{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.repeater-nearby-node strong{overflow-wrap:anywhere}.repeater-nearby-node small{display:block;margin-top:4px;color:var(--muted)}.repeater-nearby-node button{min-height:44px;flex:none}@media(max-width:1000px){.repeater-below-map{grid-template-columns:minmax(0,1fr)}}

@media(max-width:560px){.repeater-search-results button{flex-direction:column;align-items:start;gap:4px}.repeater-search-results span,.repeater-search-results small{max-width:100%;overflow-wrap:anywhere}}
