* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background: #0f1115; color: #e8eaf0; }
header { padding: 20px 16px 8px; max-width: 1080px; margin: 0 auto; }
h1 { margin: 0 0 4px; font-size: 1.6rem; }
.updated { color: #9fd3a8; margin: 2px 0; }
.disclaimer { background: #2a2118; border: 1px solid #8a6d3b; color: #f0d9a8; padding: 8px 12px; border-radius: 8px; font-size: .9rem; }
nav { max-width: 1080px; margin: 0 auto; padding: 4px 16px 12px; display: flex; gap: 14px; flex-wrap: wrap; }
nav a { color: #7db4ff; text-decoration: none; font-weight: 600; }
main { max-width: 1080px; margin: 0 auto; padding: 0 16px 32px; }
section { background: #171a21; border: 1px solid #262b36; border-radius: 12px; padding: 16px; margin-bottom: 18px; }
h2 { margin-top: 0; font-size: 1.2rem; }
.note { color: #a7adbb; font-size: .9rem; }
.meta { margin: 10px 0; font-size: .92rem; color: #cfd5e1; }
select { background: #0f1115; color: #e8eaf0; border: 1px solid #3a4152; border-radius: 6px; padding: 6px; margin: 4px 8px 4px 4px; max-width: 100%; }
.chart { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: .9rem; }
th, td { border-bottom: 1px solid #262b36; padding: 6px 8px; text-align: left; }
th { color: #9fb2d8; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.card { background: #10131a; border: 1px solid #262b36; border-radius: 10px; padding: 12px; }
.card h3 { margin: 0 0 6px; font-size: 1.02rem; }
.card p { margin: 4px 0; font-size: .9rem; color: #cfd5e1; }
.countdown { font-size: 1.15rem; font-weight: 700; color: #ffd479; }
.interested { font-size: 1.05rem; font-weight: 700; color: #9fd3a8; }
.bar-wrap { background: #262b36; border-radius: 6px; height: 14px; min-width: 120px; }
.bar { background: linear-gradient(90deg, #e05252, #e0a352, #52b06a); height: 14px; border-radius: 6px; }
.chip { display: inline-block; background: #232936; border: 1px solid #3a4152; border-radius: 20px; padding: 1px 8px; font-size: .75rem; margin-right: 4px; color: #b9c2d4; }
a { color: #7db4ff; }
footer { max-width: 1080px; margin: 0 auto; padding: 0 16px 28px; color: #8b93a5; font-size: .85rem; }
details td { white-space: normal; }
.scroll { max-height: 260px; overflow-y: auto; }