:root{--bg:#fafafa;--fg:#1a1a1a;--muted:#666;--border:#ddd;--panel:#fff;--accent:#2f6fdb;--ok:#1d7a3a;--bad:#b3261e;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#161616;--fg:#eaeaea;--muted:#999;--border:#333;--panel:#1f1f1f;--accent:#7aa7ff;--ok:#5fd07f;--bad:#ff8a80}}body{background:var(--bg);margin:0}main{max-width:960px;margin:0 auto;padding:24px 16px}header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}h1{margin:0;font-size:1.4rem}a{color:var(--accent)}.badge{border:1px solid;border-radius:999px;padding:2px 8px;font-size:.8rem}.ok{color:var(--ok)}.bad,.error{color:var(--bad)}.muted{color:var(--muted)}nav{border-bottom:1px solid var(--border);gap:4px;margin:20px 0 16px;display:flex}nav button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px}nav button.active{color:var(--fg);border-bottom-color:var(--accent)}button,input,select{font:inherit;color:inherit}form{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input,select{border:1px solid var(--border);background:var(--panel);border-radius:4px;width:140px;min-width:0;padding:6px 8px}form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 16px}.response{margin-bottom:20px;overflow-x:auto}.request{font-size:.85rem}table{border-collapse:collapse;background:var(--panel);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}th{color:var(--muted);font-size:.8rem;font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.card{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:12px}.card h3{margin:0}pre{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:12px;font-size:.8rem;overflow-x:auto}details summary{cursor:pointer;color:var(--muted);margin-top:8px;font-size:.85rem}form button:disabled{opacity:.5;cursor:not-allowed}input[aria-invalid=true]{border-color:var(--bad)}select.wide{width:260px}.small{font-size:.8rem}code{font-size:.85em}.combo{position:relative}.combo input{width:280px;max-width:100%}.combo-list{z-index:10;background:var(--panel);border:1px solid var(--border);width:360px;max-width:calc(100vw - 32px);max-height:320px;color:var(--fg);border-radius:4px;margin:0;padding:4px 0;font-size:.9rem;list-style:none;position:absolute;top:34px;left:0;overflow-y:auto;box-shadow:0 4px 16px #00000026}.combo-list li{cursor:pointer;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.combo-list li.active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.combo-list li[role=presentation]{cursor:default}.results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}label.inline{flex-direction:row;align-items:center;gap:8px}tr.detail>td{background:color-mix(in srgb, var(--accent) 5%, var(--panel));padding:12px}tr.detail dl{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 8px;font-size:.85rem;display:grid}tr.detail dt{color:var(--muted)}tr.detail dd{margin:0}.price-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:4px 0 16px;display:grid}.card.stat{flex-direction:column;gap:2px;display:flex}.card.stat strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.card.stat.low{border-left:4px solid var(--ok)}.card.stat.high{border-left:4px solid var(--bad)}.tag{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.tag.low{color:var(--ok)}.tag.high{color:var(--bad)}
