:root{
  --bg:#0d1117; --panel:#161b22; --panel2:#1c2430; --border:#30363d;
  --text:#e6edf3; --muted:#9da7b3; --accent:#4ea1ff; --good:#3fb950;
  --warn:#d29922; --bad:#f85149; --chip:#21262d;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
     background:var(--bg);color:var(--text);line-height:1.5;font-size:14px}
header{position:relative;padding:28px 24px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#11161d,#0d1117)}
.made-by{position:absolute;top:16px;right:24px;display:inline-flex;align-items:center;gap:6px;
         background:var(--panel);border:1px solid var(--border);border-radius:20px;
         padding:6px 13px;font-size:12.5px;color:var(--text);text-decoration:none;white-space:nowrap;
         transition:border-color .15s,transform .15s}
.made-by:hover{border-color:var(--accent);transform:translateY(-1px)}
.made-by .heart{color:#f85149;font-size:14px;line-height:1}
@media (max-width:640px){.made-by{position:static;display:inline-flex;margin-bottom:10px}}
h1{margin:0 0 6px;font-size:24px}
.sub{color:var(--muted);font-size:13px;max-width:1100px}
.wrap{padding:18px 24px 60px}
.legend{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;color:var(--muted);font-size:12.5px}
.legend span{background:var(--chip);border:1px solid var(--border);padding:3px 9px;border-radius:20px}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 10px;position:sticky;top:0;
          background:var(--bg);padding:10px 0;z-index:5;border-bottom:1px solid var(--border)}
input#search{background:var(--panel);border:1px solid var(--border);color:var(--text);
          padding:9px 12px;border-radius:8px;width:280px;font-size:14px}
.chip{cursor:pointer;background:var(--chip);border:1px solid var(--border);color:var(--muted);
      padding:6px 12px;border-radius:20px;font-size:12.5px;user-select:none}
.chip.active{background:var(--accent);color:#04111f;border-color:var(--accent);font-weight:600}
.count{color:var(--muted);font-size:12.5px;margin-left:auto}
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel)}
table{border-collapse:collapse;width:100%;min-width:1400px}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);font-size:13px}
th{background:var(--panel2);position:sticky;top:64px;z-index:3;font-size:12px;text-transform:uppercase;
   letter-spacing:.4px;color:var(--muted);white-space:nowrap}
tbody tr:hover{background:#1b2330}
td.model{min-width:200px}
.mname{font-weight:700;font-size:14px;color:#fff}
.mmeta{color:var(--muted);font-size:11.5px;margin-top:2px}
.tag{display:inline-block;font-size:10.5px;padding:1px 7px;border-radius:10px;margin:2px 3px 0 0;border:1px solid var(--border)}
.t-frontier{background:#3a1d5c;color:#d6b3ff;border-color:#5a2e8c}
.t-multi{background:#0d3a4a;color:#7fdcff;border-color:#155a72}
.t-edge{background:#143a23;color:#8ff0a8;border-color:#1f5e38}
.t-cjk{background:#5c1d1d;color:#ffb3b3;border-color:#8c2e2e}
.t-host{background:#4a3a0d;color:#ffe08f;border-color:#725a15}
.yes{color:var(--good);font-weight:600}.no{color:var(--bad)}.partial{color:var(--warn)}
.cn{color:#ff9d9d;font-weight:600}.jp{color:#9dc2ff;font-weight:600}
code{background:#0a0e14;padding:1px 5px;border-radius:4px;font-size:12px;color:#9fe0a0}
.note{font-size:11.5px;color:var(--muted);margin-top:4px}
h2{margin:34px 0 8px;font-size:18px;border-left:3px solid var(--accent);padding-left:10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}
.card h3{margin:0 0 6px;font-size:14px;color:var(--accent)}
.card p{margin:0;color:var(--muted);font-size:12.5px}
footer{padding:20px 24px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
a{color:var(--accent)}
.disclaimer{background:#3a2a0d;border:1px solid #725a15;color:#ffe08f;padding:10px 14px;border-radius:8px;
            font-size:12.5px;margin:14px 0}
.star{color:#ffd24a}
.edu-badge{display:inline-block;background:#143a23;color:#8ff0a8;border:1px solid #1f5e38;
           padding:3px 11px;border-radius:20px;font-size:11.5px;margin-bottom:10px}
.footer-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;
                 margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.footer-sections h4{margin:0 0 6px;color:var(--text);font-size:13px}
.footer-sections p{margin:0;font-size:12px;color:var(--muted);line-height:1.55}
.credit{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);text-align:center;
        font-size:12.5px;color:var(--muted)}
.credit b{color:var(--text)}.credit a{font-weight:600}