:root{--bg:#0f1419;--surface:#141d26;--surface-2:#1b2632;--text:#e8eef2;--muted:#a8b6c4;--primary:#24a0ed;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--border:#2d3d50}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top right,#223246 0,var(--bg) 48%);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}main{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem}h1,h2,h3{margin:0}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.columns-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:linear-gradient(180deg,rgba(41,55,72,.85),rgba(20,29,38,.95));border:1px solid var(--border);border-radius:14px;padding:1rem}.row{flex-wrap:wrap;gap:.75rem;align-items:center}.row,.stack{display:flex}.stack{flex-direction:column;gap:.5rem}label{font-size:.9rem;color:var(--muted)}button,input,select,textarea{border-radius:10px;border:1px solid var(--border);background:#0f1820;color:var(--text);padding:.6rem .75rem;font-size:.95rem}button{cursor:pointer;transition:transform .15s ease,background-color .15s ease}button:hover{transform:translateY(-1px)}button.primary{background:var(--primary);border-color:transparent;color:#04121f;font-weight:600}button.warn{background:var(--warn);color:#1f1200}button.good,button.warn{border-color:transparent}button.good{background:var(--good);color:#04170a}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d151c;border:1px solid var(--border);border-radius:10px;padding:.75rem;max-height:220px;overflow:auto}.small{font-size:.85rem;color:var(--muted)}.badge{font-size:.8rem;border-radius:999px;border:1px solid var(--border);padding:.2rem .55rem;background:var(--surface-2)}@media (max-width:700px){main{padding:1rem .75rem 3rem}}