* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; color: #1a1a1a; background: #f6f7f9; line-height: 1.5; }
header { background: #1f2a44; color: #fff; padding: 2rem 1rem; text-align: center; }
header h1 { margin: 0 0 .25rem; }
header p { margin: 0; opacity: .8; }
main { max-width: 860px; margin: 0 auto; padding: 1rem; }
section { background: #fff; border-radius: 8px; padding: 1rem 1.25rem; margin: 1rem 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
table { width: 100%; border-collapse: collapse; font-size: .95rem; }
th, td { text-align: left; padding: .4rem .5rem; border-bottom: 1px solid #e5e7eb; word-break: break-all; }
th { background: #f0f2f5; }
img { max-width: 100%; height: auto; border-radius: 6px; }
pre { background: #101828; color: #d1fae5; padding: .75rem; border-radius: 6px; overflow-x: auto; }
footer { text-align: center; color: #6b7280; padding: 1rem; font-size: .85rem; }
button { font: inherit; padding: .4rem .8rem; border: 1px solid #c7ccd4; border-radius: 6px; background: #fff; cursor: pointer; }
button:hover:not(:disabled) { background: #f0f2f5; }
button:disabled { opacity: .5; cursor: default; }
.note { font-size: .85rem; color: #6b7280; }
.yes { color: #0a7d34; font-weight: 600; }
.no { color: #b42318; font-weight: 600; }
#watch-log td, #watch-log th { word-break: normal; white-space: nowrap; }
#watch-wrap { overflow-x: auto; }