body { font-family: system-ui, sans-serif; margin: 0; color: #1a1b23; background: #f6f7fb; }
header { background: #2f5dff; padding: 1rem; }
header a { color: #fff; font-weight: bold; text-decoration: none; font-size: 1.2rem; }
main { max-width: 42rem; margin: 1.5rem auto; padding: 0 1rem; }
a { color: #2f5dff; }
.card { background: #fff; border-radius: .6rem; padding: 1rem 1.2rem; margin-bottom: 1rem; box-shadow: 0 1px 3px #0002; }
.card h2 { margin: 0 0 .3rem; font-size: 1.1rem; }
.meta { color: #666; font-size: .9rem; }
.badge { background: #e3e9ff; border-radius: 1rem; padding: .1rem .6rem; font-size: .8rem; }
audio { width: 100%; margin: .5rem 0; }
table { width: 100%; border-collapse: collapse; background: #fff; border-radius: .6rem; overflow: hidden; }
th, td { text-align: left; padding: .6rem .8rem; border-bottom: 1px solid #eee; }
.hide-tr .tr { visibility: hidden; cursor: pointer; }
.hide-tr .tr.shown { visibility: visible; }
button { font: inherit; padding: .4rem .9rem; border: 0; border-radius: .4rem; background: #2f5dff; color: #fff; cursor: pointer; }