:root{--dark: #0f2740;--navy: #1b3a5c;--steel: #2e5a8a;--accent: #e8891d;--card: #f0f5fa;--line: #d5e0ea;--ok: #2e7d32;--warn: #c62828}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;color:#1a2733;background:#fff}header.app{background:var(--dark);color:#fff;padding:14px 24px;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}header.app h1{margin:0;font-size:20px}header.app .tagline{color:#b8ccdf;font-size:13px}header.app .spacer{flex:1}header.app input,header.app select{border:none;border-radius:6px;padding:6px 10px;font-size:13px;min-width:280px}nav.tabs{display:flex;gap:4px;padding:0 24px;border-bottom:2px solid var(--line);background:var(--card)}nav.tabs button{border:none;background:none;padding:12px 18px;font-size:14px;cursor:pointer;color:var(--steel);border-bottom:3px solid transparent;margin-bottom:-2px}nav.tabs button.active{color:var(--navy);font-weight:600;border-bottom-color:var(--accent)}main{padding:20px 24px 60px;max-width:1100px}h2{color:var(--navy);font-size:17px;margin:22px 0 10px}table{border-collapse:collapse;width:100%;font-size:13.5px}th{background:var(--navy);color:#fff;text-align:left;padding:7px 10px;font-weight:600}td{border:1px solid var(--line);padding:6px 10px}tr:nth-child(2n) td{background:var(--card)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#e2edf7}.chip{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1px 8px;font-size:12px;margin-right:4px;color:var(--steel)}.chip.accent{background:var(--accent);color:#fff;border:none}button.action{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}button.action:disabled{opacity:.5;cursor:default}.error{background:#fdecea;border-left:4px solid var(--warn);padding:10px 14px;border-radius:0 6px 6px 0;margin:12px 0;font-size:13.5px;white-space:pre-wrap}.callout{background:var(--card);border-left:4px solid var(--accent);padding:10px 14px;border-radius:0 6px 6px 0;margin:12px 0;font-size:13.5px}.muted{color:#6b7f92}code.hash{font-size:11.5px;color:var(--steel)}.saturation{display:inline-block;width:90px;height:10px;background:var(--line);border-radius:5px;overflow:hidden;vertical-align:middle;margin-right:6px}.saturation>div{height:100%;background:var(--accent)}