* { box-sizing: border-box; }
body {
  font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  margin: 24px;
  color: #222;
}
h1 { font-size: 20px; }

#search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}
#search-form input[type="text"] { flex: 1; min-width: 240px; }
#search-form input, #search-form select, #search-form button { padding: 6px 8px; }
#search-form button {
  cursor: pointer;
  background: #e02020;
  color: #fff;
  border: 1px solid #c01010;
  border-radius: 4px;
  padding: 6px 16px;
}
#search-form button:disabled { cursor: wait; opacity: 0.6; }

table { border-collapse: collapse; width: 100%; font-size: 13px; }
th, td { border: 1px solid #ddd; padding: 6px 8px; text-align: right; white-space: nowrap; }
th { background: #f5f5f5; cursor: pointer; user-select: none; }
th:first-child, td:first-child, th:nth-child(2), td:nth-child(2) { text-align: left; }

td.video a { display: flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; }
td.video img { width: 80px; border-radius: 4px; }
td.video span { white-space: normal; max-width: 320px; }

tr.hot { background: #fff7e0; }
td.hot-multiple { color: #d00; font-weight: bold; }
a { color: #0366d6; }
#status { color: #666; }