body{background:var(--g-bg);color:var(--g-ink);font-family:var(--g-font)}.hm-page{max-width:1120px;margin:0 auto;padding:24px 16px 40px}.hm-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.hm-logo{width:56px;height:56px;border-radius:14px;object-fit:contain}.hm-head h1{margin:0;font-size:24px;text-align:right}.hm-head p{margin:2px 0 0;font-size:13px;color:var(--g-muted)}.hm-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--g-card);border:1px solid var(--g-line);border-radius:14px}.hm-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.hm-summary strong{font-size:15px}.hm-summary span{font-size:12px;color:var(--g-muted)}.hm-summary-down{border-color:var(--g-danger)}.hm-summary-down strong{color:var(--g-danger)}.hm-summary button{flex-shrink:0;padding:8px 14px;font:inherit;font-size:13px;color:var(--g-teal);background:transparent;border:1px solid var(--g-line-strong);border-radius:10px;cursor:pointer}.hm-summary button:hover:not(:disabled){background:var(--g-panel)}.hm-summary button:disabled{color:var(--g-muted);cursor:default}.hm-page h2{margin:28px 0 12px;font-size:14px;font-weight:600;color:var(--g-muted)}.hm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.hm-card{display:flex;flex-direction:column;overflow:hidden;color:inherit;text-decoration:none;background:var(--g-card);border:1px solid var(--g-line);border-radius:16px;transition:border-color .15s,transform .15s}.hm-card:hover{border-color:var(--g-teal);transform:translateY(-2px)}.hm-card:focus-visible,.hm-summary button:focus-visible,.hm-tools a:focus-visible{outline:2px solid var(--g-teal);outline-offset:2px}.hm-card-down{border-color:var(--g-danger)}.hm-tile{display:block;padding:10px;background:#000}.hm-tile img{display:block;width:100%;height:auto}.hm-body{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}.hm-body strong{font-size:15px;text-align:right}.hm-about{font-size:13px;color:var(--g-body)}.hm-host{font-family:var(--g-mono);font-size:11px;text-align:right;overflow-wrap:anywhere}.hm-host,.hm-status{color:var(--g-muted)}.hm-status{margin-top:6px;font-size:12px}.hm-status:before{content:"";display:inline-block;width:8px;height:8px;-webkit-margin-end:6px;margin-inline-end:6px;border-radius:50%;background:currentColor}.hm-up{color:var(--g-teal)}.hm-down{color:var(--g-danger)}.hm-fail{display:block;margin-top:2px;font-family:var(--g-mono);font-size:10px;text-align:right;overflow-wrap:anywhere}body .gp-controls{position:absolute;top:34px;bottom:auto;left:max(16px,calc(50% - 544px));transform:none}.hm-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.hm-tools a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;color:inherit;text-decoration:none;background:var(--g-card);border:1px solid var(--g-line);border-radius:12px}.hm-tools a:hover{border-color:var(--g-teal)}.hm-tools strong{font-size:14px;text-align:right}.hm-tools span{font-size:12px;color:var(--g-muted)}@media (max-width:860px){.hm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.hm-page{padding-bottom:20px}body .gp-controls{position:static;width:max-content;margin:0 auto 24px}}@media (prefers-reduced-motion:reduce){.hm-card{transition:none}.hm-card:hover{transform:none}}