.libre-relay-page{--libre-orange:#f7931a;--libre-orange-soft:rgba(247,147,26,.12);--libre-green:#49cb89;--libre-red:#ff6b6b;--libre-blue:#54a0ff;background-image:radial-gradient(circle at 12% 4%,rgba(247,147,26,.11),transparent 28%),radial-gradient(circle at 86% 22%,rgba(84,160,255,.08),transparent 24%)}
.libre-relay-wrap{overflow:hidden}.libre-relay-page .deyw-shell-logo img{border-radius:11px;object-fit:cover;transition:filter .15s ease,opacity .15s ease}.libre-relay-page .deyw-shell-logo:hover img,.libre-relay-page .deyw-shell-logo:focus-visible img{filter:grayscale(1);opacity:.86}.libre-relay-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin:8px 0 12px;padding:30px;border:1px solid color-mix(in srgb,var(--libre-orange) 28%,var(--border));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--libre-orange) 11%,var(--panel)),var(--panel) 55%,color-mix(in srgb,var(--libre-blue) 7%,var(--panel)));overflow:hidden}.libre-relay-hero::after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-115px;border:1px solid rgba(247,147,26,.16);border-radius:50%;box-shadow:0 0 0 28px rgba(247,147,26,.035),0 0 0 58px rgba(247,147,26,.025)}
.libre-relay-eyebrow,.libre-relay-kicker,.libre-relay-section-head p{margin:0 0 6px;color:var(--libre-orange);font:750 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.libre-relay-hero h1{margin:0;color:var(--text);font-size:clamp(29px,5vw,54px);line-height:1;letter-spacing:-.045em}.libre-relay-hero>div>p:last-child{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.libre-relay-hero-status{position:relative;z-index:1;display:grid;min-width:150px;justify-items:end;gap:3px}.libre-relay-hero-status>strong{font:800 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.libre-relay-hero-status small{max-width:210px;color:var(--muted);font-size:10px;line-height:1.4;text-align:right}.libre-relay-hero-uptime{margin-top:5px}.libre-relay-hero-uptime b{color:var(--text);font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.libre-relay-live-dot{width:10px;height:10px;margin-bottom:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px color-mix(in srgb,currentColor 12%,transparent),0 0 24px currentColor}.libre-relay-hero-status[data-status-tone="healthy"]{color:var(--stats-relay-state-healthy)}.libre-relay-hero-status[data-status-tone="warning"]{color:var(--stats-relay-state-warning)}.libre-relay-hero-status[data-status-tone="critical"]{color:var(--stats-relay-state-critical)}
.libre-relay-freshness{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.libre-relay-freshness>span:nth-child(2){display:grid;gap:2px}.libre-relay-freshness strong{color:var(--text);font-size:12px}.libre-relay-freshness small,.libre-relay-freshness time{color:var(--muted);font-size:10px}.libre-relay-freshness[data-freshness-state="stale"] .stats-freshness-indicator{background:#ffbf69;box-shadow:0 0 0 3px rgba(255,191,105,.1)}.libre-relay-freshness[data-freshness-state="offline"] .stats-freshness-indicator{background:var(--libre-red);box-shadow:0 0 0 3px rgba(255,107,107,.1)}
.libre-relay-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:23px 0 10px}.libre-relay-section-head h2{margin:0;font-size:18px}.libre-relay-layer{color:var(--muted);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.libre-relay-metric-grid{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:10px}.libre-relay-metric-grid.libre-relay-five{grid-template-columns:repeat(5,minmax(0,1fr))}.libre-relay-page .stats-card{min-height:126px;padding:15px;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 96%,#fff),var(--panel))}.libre-relay-page .stats-card .value{font-size:clamp(20px,2.5vw,30px);letter-spacing:-.035em;overflow-wrap:anywhere}.libre-relay-page .stats-card .value small{color:var(--muted);font-size:10px;letter-spacing:0}.libre-relay-primary-card{border-color:color-mix(in srgb,var(--libre-orange) 32%,var(--border))!important}.libre-relay-progress,.libre-relay-bar{height:5px;margin:12px 0 7px;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}.libre-relay-progress i,.libre-relay-bar i{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#ef7f11,#ffb148);box-shadow:0 0 14px rgba(247,147,26,.35);transition:width .45s ease}
.libre-relay-page .stats-panel{border-radius:12px}.libre-relay-peers-panel{display:grid;align-content:center;gap:12px;min-height:190px}.libre-relay-peer-total{display:flex;align-items:baseline;gap:9px}.libre-relay-peer-total strong{color:var(--text);font-size:45px;line-height:1;font-variant-numeric:tabular-nums}.libre-relay-peer-total span{color:var(--muted);font-size:12px}.libre-relay-split{display:flex;gap:18px;color:var(--muted);font-size:11px}.libre-relay-split b{color:var(--text);font-size:14px}.libre-relay-bar i{background:linear-gradient(90deg,var(--libre-blue),#8fc1ff);box-shadow:none}.libre-relay-page .stats-panel h3{margin:0 0 12px;color:var(--text);font-size:13px}.libre-relay-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.libre-relay-chip-grid span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--border);border-radius:8px}.libre-relay-chip-grid b{color:var(--muted);font-size:10px}.libre-relay-chip-grid em{color:var(--text);font-size:14px;font-style:normal;font-weight:750;font-variant-numeric:tabular-nums}.libre-relay-transport{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.libre-relay-transport span{padding:5px 8px;border-radius:999px;background:var(--libre-orange-soft);color:var(--muted);font-size:10px}.libre-relay-transport b{color:var(--text)}
.libre-relay-traffic{display:grid;grid-template-columns:1fr 1fr;gap:1px;min-height:145px;padding:0!important;overflow:hidden;background:var(--border)!important}.libre-relay-traffic>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;gap:3px 10px;padding:18px;background:var(--panel)}.libre-relay-traffic i{grid-row:1/3;color:var(--libre-orange);font-size:27px;font-style:normal}.libre-relay-traffic small{color:var(--muted);font-size:10px}.libre-relay-traffic strong{color:var(--text);font-size:20px;font-variant-numeric:tabular-nums}.libre-relay-runtime{display:grid;gap:0;min-height:145px;padding:5px 14px!important}.libre-relay-runtime div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border)}.libre-relay-runtime div:last-child{border:0}.libre-relay-runtime dt{color:var(--muted);font-size:11px}.libre-relay-runtime dd{margin:0;color:var(--text);font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;overflow-wrap:anywhere}
.libre-relay-about{display:grid;grid-template-columns:1fr 1fr;gap:14px}.libre-relay-about .stats-panel{padding:20px}.libre-relay-about h2{margin:0 0 10px;font-size:19px}.libre-relay-about p{color:var(--muted);font-size:12px;line-height:1.65}.libre-relay-privacy{border-color:color-mix(in srgb,var(--libre-green) 30%,var(--border))!important}.libre-relay-privacy ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;padding:0;list-style:none}.libre-relay-privacy li{padding:7px 8px;border-radius:7px;background:color-mix(in srgb,var(--libre-green) 8%,transparent);color:var(--text);font-size:10px}.libre-relay-privacy li::before{content:"✓";margin-right:6px;color:var(--stats-relay-state-healthy);font-weight:800}.libre-relay-history-placeholder{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px dashed color-mix(in srgb,var(--libre-orange) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--libre-orange) 4%,transparent)}.libre-relay-history-placeholder h2{margin:0 0 7px}.libre-relay-history-placeholder p:last-child{max-width:780px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.libre-relay-history-placeholder>span{flex:0 0 auto;padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.libre-relay-provenance{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:22px 0 5px;color:var(--muted);font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.libre-relay-provenance b{color:var(--text)}
@media(max-width:1000px){.libre-relay-metric-grid.libre-relay-five{grid-template-columns:repeat(3,minmax(0,1fr))}.libre-relay-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.libre-relay-hero{grid-template-columns:1fr;padding:22px}.libre-relay-hero-status{justify-items:start}.libre-relay-hero-status small{text-align:left}.libre-relay-freshness{grid-template-columns:auto 1fr}.libre-relay-freshness time{grid-column:2}.libre-relay-metric-grid,.libre-relay-metric-grid.libre-relay-five,.libre-relay-about{grid-template-columns:1fr}.libre-relay-chip-grid{grid-template-columns:1fr 1fr}.libre-relay-history-placeholder{align-items:flex-start;flex-direction:column}.libre-relay-privacy ul{grid-template-columns:1fr}.libre-relay-traffic{grid-template-columns:1fr}.libre-relay-page .stats-card{min-height:112px}}
@media(prefers-reduced-motion:reduce){.libre-relay-progress i,.libre-relay-bar i{transition:none}.libre-relay-live-dot{box-shadow:none}}