body{font-family:system-ui,Segoe UI,Arial;margin:24px;}
.wrap{max-width:1100px;margin:auto;}
.card{padding:16px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px}

h1{margin:0 0 16px;}
.muted{color:#6b7280;font-size:14px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.field{display:flex;flex-direction:column;gap:6px}
.input{padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;min-width:260px}
.btn{padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer}
.btn.primary{border-color:#2563eb;background:#2563eb;color:#fff}
.chart-box{position:relative;height:300px}
.chart-box canvas{position:absolute;inset:0;width:100% !important;height:100% !important}

#dataSource { gap: 8px; }
#updateTime { margin: 0; }

table{border-collapse:collapse;width:100%;table-layout:fixed;}

th,td{border:1px solid #e5e7eb;padding:8px;text-align:center;font-size:14px}

th{background:#f9fafb}
/* 순위 배경+글씨색 */
.rank-1{background:#fff7d6;color:#7a5c00;font-weight:700;}
.rank-2{background:#f0f0f0;color:#555555;font-weight:700;}
.rank-3{background:#ffe6d9;color:#7a3d00;font-weight:700;}