:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#12203a;background:radial-gradient(circle at top left,#f8ffef,#e6f0ff 55%,#f4e7de)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{width:min(960px,100%);margin:0 auto;padding:24px}h1{margin:0}p{margin-top:6px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}button{border:1px solid #b7c7ef;background:#ffffffd9;color:#1c2745;border-radius:999px;padding:10px 16px;cursor:pointer}button.active{background:#1f3f9e;color:#fff;border-color:#1f3f9e}button.load{border-radius:12px;margin-bottom:12px}.filters{display:flex;align-items:center;gap:8px;margin-bottom:12px}input{border:1px solid #b7c7ef;border-radius:10px;padding:8px 10px;min-width:220px}.error{padding:10px 12px;background:#ffefef;border:1px solid #ffb7b7;border-radius:10px;margin-bottom:12px}pre{white-space:pre-wrap;background:#ffffffc7;border:1px solid #d8e2ff;border-radius:12px;padding:14px;overflow:auto}