body{font-family:system-ui,sans-serif;margin:0;padding:20px;background:#fafafa;color:#222}header{max-width:900px;margin:0 auto 20px}h1{margin:0 0 4px;font-size:1.6rem}p{margin:0 0 12px;color:#555}nav{margin-bottom:16px}nav button{background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;margin-right:6px;cursor:pointer;font-size:.9rem}nav button.active{background:#222;color:#fff;border-color:#222}main{max-width:900px;margin:0 auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;font-size:.9rem}th{background:#f5f5f5;font-weight:600;cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}td.rank{width:40px;color:#888}td.user{font-weight:600}td.avatar{width:40px}td.avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}td.counts{color:#777;font-size:.8rem;font-family:ui-monospace,monospace}td.title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.title a{color:#1a0dab;text-decoration:none}td.details a{color:#1a0dab;text-decoration:none;font-size:.85rem}