:root{--bg:#f6f7f9;--card:#fff;--text:#1c2330;--sub:#667085;--line:#e4e7ec;--soft:#f2f4f7;
--c0:#2e7d5b;--c1:#b08900;--c2:#d9731a;--c3:#c62f2f;--link:#2563eb}
@media (prefers-color-scheme:dark){:root{--bg:#12151b;--card:#1b2029;--text:#e8ebf0;--sub:#99a2b0;--line:#2a313d;--soft:#232a35;
--c0:#4fb88a;--c1:#e0b73a;--c2:#f09a4d;--c3:#ef6a6a;--link:#7aa7ff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Malgun Gothic",sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 32px}
a{color:var(--link)}
h1{font-size:22px;margin:0 0 4px}
h2{font-size:17px;margin:26px 0 8px}
.tag{margin:0 0 6px;font-size:15px}
.sub{color:var(--sub);font-size:13px;margin:0 0 16px}
.hint{color:var(--sub);font-size:12.5px;margin:0 0 10px}
.list{display:grid;gap:10px}
.card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;
  background:var(--card);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:12px;
  text-decoration:none;color:inherit}
.card:hover{border-color:var(--c)}
.name{font-size:17px;font-weight:700}
.meta{color:var(--sub);font-size:12.5px;margin-top:2px}
.right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.score{font-size:30px;font-weight:800;color:var(--c);font-variant-numeric:tabular-nums;line-height:1}
.level{font-weight:700;font-size:12.5px;padding:2px 10px;border-radius:999px;color:#fff;background:var(--c)}
.chev{color:var(--sub)}
.guide{margin-top:20px;color:var(--sub);font-size:13px}
.note{color:var(--sub);font-size:12.5px;margin-top:12px}
.back{display:inline-block;margin-bottom:12px;font-size:14px;text-decoration:none}
.hero{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:12px;padding:16px;margin:14px 0}
.hero .row{display:flex;align-items:center;gap:12px}
.hero .score{font-size:44px}
.hero p{margin:8px 0 0;font-size:14px}
.lead{font-size:16px;margin:0}
ul.items{margin:0;padding-left:20px}
ul.items li{margin:4px 0}
.src{color:var(--sub);font-size:13px;margin-top:24px}
footer{max-width:720px;margin:0 auto;padding:0 16px 40px;color:var(--sub);font-size:13px}
footer a{color:var(--sub)}