*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3250;--text: #e8eaf2;--muted: #7b82a8;--accent: #4f8ef7;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--radius: 10px;--font: "Inter", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.page{max-width:900px;margin:0 auto;padding:0 1.5rem 4rem}header{padding:2.5rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem;display:flex;align-items:baseline;gap:1rem}.logo{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:#fff}.tagline{color:var(--muted);font-size:.9rem}main{display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-header h2{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.last-checked{font-size:.78rem;color:var(--muted)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.offline{background:var(--red);box-shadow:0 0 8px var(--red)}.status-dot.checking{background:var(--amber)}.status-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.status-label{font-size:1rem;font-weight:500;flex:1}.refresh-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.3rem .8rem;font-size:.82rem;cursor:pointer;transition:color .15s,border-color .15s}.refresh-btn:hover{color:var(--text);border-color:var(--accent)}.metrics{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.metric-value{font-size:1.25rem;font-weight:600;color:#fff}.metric-label{font-size:.75rem;color:var(--muted);margin-top:.15rem}.endpoint-table{width:100%;border-collapse:collapse;font-size:.875rem}.endpoint-table th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 .75rem .75rem;border-bottom:1px solid var(--border)}.endpoint-table td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:middle}.endpoint-table tr:last-child td{border-bottom:none}.endpoint-table code{font-family:var(--mono);font-size:.82rem;color:var(--accent)}.method{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-family:var(--mono);font-size:.75rem;font-weight:600}.method-get{background:#22c55e26;color:var(--green)}.method-post{background:#4f8ef726;color:var(--accent)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-auth{background:#f59e0b26;color:var(--amber)}.badge-public{background:#22c55e1a;color:var(--green)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.guide-item h3{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.4rem}.guide-item p{font-size:.82rem;color:var(--muted);margin-bottom:.5rem}.guide-item pre{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;font-family:var(--mono);font-size:.72rem;color:var(--text);white-space:pre-wrap;word-break:break-all}.guide-item code{font-family:var(--mono);font-size:.8rem;color:var(--accent)}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.78rem;color:var(--muted)}