:root{
  --bg:#fbf7f2; --glow:rgba(245,148,58,.16); --surface:#fff; --border:#efe6dc; --text:#2b2118; --dim:#76685b;
  --o-100:#ffe8d4; --o-500:#ec7a1c; --o-600:#d0620a;
  --grad:linear-gradient(135deg,#ffab5c 0%,#f07a1f 55%,#d65f08 100%);
  --ok:#1f7a45; --ok-bg:#e5f5ea; --warn:#8a5a00; --warn-bg:#fff2d6; --err:#b3261e; --err-bg:#fdeceb; --otw:#0e5f9e; --otw-bg:#e8f1fb;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#17120e; --glow:rgba(240,122,31,.14); --surface:#211a14; --border:#342920; --text:#f6ece2; --dim:#bfae9d; --o-100:#3a2512;
  --ok:#7fd8a2; --ok-bg:#15301f; --warn:#f0c46a; --warn-bg:#352a12; --err:#f4a097; --err-bg:#3a1a17; --otw:#7db6f2; --otw-bg:#172636;}}
*{box-sizing:border-box}
:root{color-scheme:light dark}
body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);line-height:1.45;
  background:radial-gradient(800px 380px at 15% -8%,var(--glow),transparent 70%),radial-gradient(600px 340px at 105% 0,var(--glow),transparent 70%),var(--bg);background-attachment:fixed}
.wrap{max-width:960px;margin:0 auto;padding:28px 16px 40px}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brand{display:inline-block;margin-bottom:22px;line-height:0}
.brand img{height:auto;max-width:100%;display:block}
.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 6px 14px -4px rgba(236,122,28,.55)}
.brand b{display:block;line-height:1.1}
.brand small{color:var(--dim);font-weight:600;letter-spacing:.06em;font-size:.72rem}
h1{font-size:2rem;letter-spacing:-.02em;margin:0 0 6px;font-weight:800}
.sub{margin:0 0 22px;color:var(--dim)}
.lbl{display:block;font-weight:700;margin-bottom:8px}
.search{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.chips{flex:1 1 320px;min-width:0;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);cursor:text;min-height:56px;align-items:center}
.chips:focus-within{border-color:var(--o-500);box-shadow:0 0 0 4px var(--o-100)}
.chips input{flex:1;min-width:160px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:1rem;font-weight:600;padding:6px 4px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:9px;background:var(--grad);color:#fff;font-weight:700;font-size:.92rem;letter-spacing:.01em}
.chip.bad{background:var(--err);color:#fff}
.chip button{all:unset;cursor:pointer;width:20px;height:20px;border-radius:6px;text-align:center;line-height:20px;font-size:1.1rem}
.chip button:hover{background:rgba(255,255,255,.25)}
.btns{display:flex;gap:8px}
.btn{padding:15px 22px;border:0;border-radius:14px;background:var(--grad);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 18px -8px rgba(236,122,28,.7)}
.btn.ghost{background:var(--surface);color:var(--text);border:1.5px solid var(--border);box-shadow:none}
.btn:disabled{opacity:.6;cursor:wait}
.msg{margin-top:14px;padding:12px 14px;border-radius:12px;font-weight:600}
.msg.err{background:var(--err-bg);color:var(--err)}
.msg.warn{background:var(--warn-bg);color:var(--warn)}
.hidden{display:none!important}
.tablewrap{margin-top:22px;overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
table{width:100%;border-collapse:collapse;min-width:520px}
th,td{text-align:left;padding:12px 14px;font-size:.92rem}
th{font-weight:800;border-bottom:1px solid var(--border);white-space:nowrap}
tbody tr:nth-child(even){background:color-mix(in srgb,var(--o-100) 45%,transparent)}
.mono{font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.st{font-weight:800;white-space:nowrap}
.st.ok{color:var(--ok)}.st.proc{color:var(--dim)}.st.otw{color:var(--otw)}.st.warn{color:var(--warn)}
footer{margin-top:42px;text-align:center;color:var(--dim);font-size:.8rem}

.extra{display:inline-block;margin-top:3px;font-weight:700;color:var(--text)}
td{vertical-align:top}
@media (max-width:640px){
  .tablewrap{overflow:visible;border:0;background:transparent}
  table,tbody,tr,td{display:block;min-width:0}
  thead{display:none}
  tbody tr{background:var(--surface)!important;border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:12px}
  td{padding:2px 0;font-size:.95rem}
  td.mono{font-size:1.05rem}
  td.st{margin-top:6px}
  .wrap{padding-left:14px;padding-right:14px}
}

.legend{margin-top:26px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.legend h2{margin:0 0 10px;font-size:1rem;font-weight:800}
.legend dl{margin:0}
.legend dl>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--border)}
.legend dl>div:first-child{border-top:0}
.legend dt{margin:0}
.legend dd{margin:0;color:var(--dim)}
@media (max-width:640px){.legend dl>div{grid-template-columns:1fr;gap:2px}}

#bg{position:fixed;inset:0;z-index:0;pointer-events:none}
.wrap{position:relative;z-index:1}
.chips,.tablewrap,.legend,.btn.ghost{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:color-mix(in srgb,var(--surface) 88%,transparent)}