.server-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 0 30px}.server-heading .eyebrow{color:var(--accent);margin-bottom:12px}.server-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1.3px}.server-heading p:last-child{margin-top:15px;max-width:560px}.server-heading>.button{flex-shrink:0}.server-filters{display:flex;align-items:flex-end;gap:14px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.server-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.server-search{flex:1;min-width:160px}.server-filters input,.server-filters select{width:100%;min-height:44px;background:var(--header);border:1px solid #515d6a;border-radius:3px;color:var(--text);padding:10px 12px}.server-filters input::placeholder{color:#9aa6b4}.server-filters select{min-width:140px}.server-directory button,.server-dialog button{cursor:pointer}.server-directory button:focus-visible,.server-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.server-result-bar{display:flex;justify-content:space-between;gap:12px;margin:18px 0;font-size:12px}.server-result-bar p:first-child{color:var(--text)}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.server-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:linear-gradient(135deg,#262d35,var(--panel));border:1px solid var(--line);border-radius:5px;overflow-wrap:anywhere}.server-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.server-state{display:inline-flex;align-items:center;gap:7px;color:#c5cbd3;flex-shrink:0}.server-state::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#87909c}.server-state.online{color:#a9d8b1}.server-state.online::before{background:#9bcda5}.server-card h2{font-size:21px;line-height:1.3;margin:17px 0 6px}.server-host{font-size:12px}.server-description{font-size:13px;margin:14px 0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.server-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:17px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.server-facts dt{font-size:11px;color:var(--muted)}.server-facts dd{margin:3px 0 0;font-size:20px;color:var(--text);font-variant-numeric:tabular-nums}.server-facts dd small{font-size:12px;color:var(--muted)}.server-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.server-tag{font-size:11px;color:#d0d6dd;background:#303842;border:1px solid #48525e;border-radius:3px;padding:3px 7px;overflow-wrap:anywhere}.server-card>.inline-link{margin-top:auto;justify-content:space-between;font-size:13px}.server-empty{grid-column:1/-1;padding:52px 24px;background:var(--panel);border:1px dashed #525d68;border-radius:5px;text-align:center}.server-empty .eyebrow{color:var(--accent);margin-bottom:12px}.server-empty h2{font-size:26px;margin-bottom:12px}.server-empty p{max-width:580px;margin:0 auto}.server-measure-note{font-size:12px;margin:19px 0 0;max-width:850px}.server-guide{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px;padding:30px 0 10px;border-top:1px solid var(--line)}.server-guide .eyebrow{color:var(--accent);margin-bottom:11px}.server-guide h2{font-size:22px;margin-bottom:12px}.server-guide p:not(.eyebrow){margin-top:12px;font-size:13px;line-height:1.8}.server-guide a,.server-dialog a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.server-dialog{background:var(--bg);color:var(--text);border:1px solid #64717e;border-radius:7px;width:min(800px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:26px;overflow:auto;overscroll-behavior:contain}.server-dialog::backdrop{background:#080b10c9}.server-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.server-dialog h2{font-size:28px;margin:12px 0}.server-dialog h3{font-size:18px;margin:24px 0 12px}.server-dialog p{margin:10px 0;overflow-wrap:anywhere}.server-dialog .server-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.server-dialog .server-facts dd{font-size:17px;overflow-wrap:anywhere}.server-dialog .server-description{display:block;white-space:pre-wrap}.server-detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 12px}.server-dialog .button{text-decoration:none}.server-dialog .button:not(.button-outline){color:#191711}.server-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;list-style:none;font-size:12px}.server-package-list li{background:var(--panel);padding:9px 12px;overflow-wrap:anywhere;border-radius:3px}.server-chart{display:block;width:100%;height:auto;margin:15px 0 5px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.server-chart text{fill:var(--muted);font:11px Arial,sans-serif}.server-chart .history-line{fill:none;stroke:var(--accent);stroke-width:2}.server-chart circle{fill:var(--accent)}.server-chart .history-axis{stroke:var(--line)}.server-history-note{font-size:12px}.server-history-table{border-collapse:collapse;width:100%;font-size:12px;margin-top:12px}.server-history-table th,.server-history-table td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}.server-history-table th{color:var(--muted);font-weight:normal}.server-history-data{max-height:280px;overflow:auto}.server-dialog summary{cursor:pointer;color:var(--accent);padding:10px 0}.server-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1100px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.server-heading{display:block}.server-heading>.button{margin-top:20px}.server-filters{flex-wrap:wrap;padding:16px;gap:12px}.server-search{flex-basis:100%}.server-filters label:not(.server-search){flex:1;min-width:120px}.server-filters select{min-width:0}.server-filters>.button{width:100%}.server-result-bar{display:block}.server-result-bar p+p{margin-top:5px}.server-grid{grid-template-columns:1fr}.server-guide{grid-template-columns:1fr;gap:30px;margin-top:28px}.server-empty{padding:36px 18px}.server-empty h2{font-size:23px}.server-dialog{padding:18px}.server-dialog .server-facts{grid-template-columns:1fr 1fr}.server-package-list{grid-template-columns:1fr}.server-history-table{font-size:11px}}