:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef7;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,table{font:inherit}main{width:min(1050px,calc(100% - 32px));margin:0 auto;padding:64px 0}header{margin-bottom:32px}h1{margin:4px 0 12px;font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.05em}h2{margin:3px 0 0;font-size:1.2rem}.subtitle,.hint,.database-name{color:#94a3b8}.subtitle{font-size:1.05rem}.eyebrow{margin:0;color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.panel{padding:24px;border:1px solid #26324b;border-radius:16px;background:#11182a;box-shadow:0 16px 50px #03071255}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #56333a;border-radius:999px;color:#fca5a5;background:#2a151a;font-size:.85rem}.status.online{border-color:#19543b;color:#86efac;background:#10281f}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.architecture{display:flex;align-items:stretch;gap:12px;margin-top:24px}.node{flex:1;display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid #334155;border-radius:10px;background:#182135}.node span{color:#94a3b8;font-size:.86rem}.arrow{align-self:center;color:#7dd3fc;font-size:1.4rem}.grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:20px}.counter-panel{display:flex;flex-direction:column;align-items:flex-start}.counter{margin:18px 0;color:#7dd3fc;font-size:5rem;font-weight:800;line-height:1;letter-spacing:-.07em}button{padding:11px 16px;border:0;border-radius:9px;color:#082f49;background:#7dd3fc;font-weight:800;cursor:pointer}button:hover{background:#bae6fd}button:disabled{cursor:not-allowed;opacity:.45}.hint{margin:18px 0 0;font-size:.82rem;line-height:1.5}.error{color:#fca5a5;font-size:.86rem}.database-name{margin:14px 0;font-size:.88rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}th,td{padding:10px;border-bottom:1px solid #26324b}th{color:#94a3b8;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}code{color:#bae6fd}@media(max-width:720px){main{padding:36px 0}.grid{grid-template-columns:1fr}.section-heading,.architecture{align-items:stretch;flex-direction:column}.arrow{transform:rotate(90deg)}.status{align-self:flex-start}}