:root {
  color-scheme: dark light;
  font-family: Inter, ui-rounded, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #151918;
  color: #f6f2e9;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #20354d 0, #151918 34rem); }
main { width: min(52rem, calc(100% - 2rem)); margin: 0 auto; padding: 3rem 0 5rem; }
header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.4rem; }
.mark { display: block; width: 3.25rem; height: 3.25rem; border-radius: 1rem; object-fit: cover; filter: drop-shadow(0 .5rem 1.2rem #2f94ff33); }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: .2rem; font-size: clamp(1.7rem, 4vw, 2.5rem); }
header p, .muted, footer { color: #f6f2e99e; }
article { padding: clamp(1rem, 3vw, 2rem); border: 1px solid #ffffff1f; border-radius: 1.1rem; background: #ffffff0c; box-shadow: 0 1.2rem 3rem #0006; }
section + section { padding-top: 1rem; border-top: 1px solid #ffffff17; }
h2 { margin-bottom: .55rem; font-size: 1.05rem; }
p, li { line-height: 1.58; }
a { color: #75b7ff; }
.status { margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid #f3b85b55; border-radius: .75rem; background: #f3b85b14; color: #ffd99c; }
footer { padding-top: 1rem; font-size: .8rem; text-align: center; }
@media (prefers-color-scheme: light) {
  :root { background: #f4f1e8; color: #17201b; }
  body { background: radial-gradient(circle at top, #d9eafe 0, #f4f1e8 34rem); }
  article { border-color: #17201b20; background: #ffffffd9; box-shadow: 0 1.2rem 3rem #17201b1f; }
  section + section { border-top-color: #17201b1a; }
  header p, .muted, footer { color: #17201b99; }
}