:root{--bg:#f6f8fb;--surface:#fff;--surface-soft:#f8fafc;--text:#4b5563;--text-strong:#111827;--muted:#64748b;--border:#dbe3ee;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#dbeafe;--focus:#2563eb47;--success:#047857;--success-bg:#ecfdf5;--success-border:#a7f3d0;--danger:#b42318;--danger-bg:#fff1f2;--danger-border:#fecdd3;--shadow:0 24px 70px #0f172a14;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;color:var(--text);background:radial-gradient(circle at top left, #2563eb1a, transparent 34rem), linear-gradient(135deg, #fff 0%, var(--bg) 52%, #eef4ff 100%);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}h1,h2,p{margin:0}code{border:1px solid var(--border);max-width:100%;color:var(--text-strong);font-family:var(--mono);overflow-wrap:anywhere;background:#fff;border-radius:5px;padding:2px 6px;font-size:.9em;display:inline-flex}.app-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:56px 0}.hero-section{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:40px;min-height:calc(100svh - 112px);display:grid}.hero-copy{max-width:660px}.eyebrow,.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero-copy h1{color:var(--text-strong);margin:18px 0;font-size:4rem;line-height:.98}.hero-copy p{max-width:620px;color:var(--text);font-size:1.16rem}.status-panel,.detail-grid article{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.status-panel{padding:28px}.status-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.status-header h2,.detail-grid h2{color:var(--text-strong);margin:6px 0 0;font-size:1.35rem}.status-pill{border:1px solid var(--danger-border);min-width:92px;color:var(--danger);background:var(--danger-bg);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.status-pill span{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pill.online{border-color:var(--success-border);color:var(--success);background:var(--success-bg)}.message-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin-top:30px;padding:22px}.api-message{color:var(--text-strong);margin-top:10px;font-size:1.55rem;font-weight:750;line-height:1.2}.error-message{color:var(--danger);margin-top:16px;font-size:.95rem}.panel-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:.92rem;display:flex}.refresh-button{color:#fff;background:var(--accent);min-width:118px;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:12px 18px;font-weight:750;transition:background .16s,transform .16s}.refresh-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.refresh-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.refresh-button:disabled{cursor:wait;opacity:.72}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.detail-grid article{padding:22px}.detail-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin-bottom:18px;font-size:.8rem;font-weight:800;display:inline-grid}.detail-grid p{color:var(--text);margin-top:10px}@media (width<=840px){.app-shell{width:min(100% - 32px,680px);padding:32px 0}.hero-section,.detail-grid{grid-template-columns:1fr}.hero-section{gap:28px;min-height:auto}.hero-copy h1{font-size:2.7rem}}@media (width<=520px){.hero-copy h1{font-size:2.2rem}.status-panel{padding:20px}.status-header,.panel-actions{flex-direction:column;align-items:stretch}.refresh-button{width:100%}}