:root {
  color-scheme: dark;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #10131a;
  color: #eef2ff;
}

* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at top, #202a46 0, #10131a 32rem); line-height: 1.65; }
main { width: min(880px, calc(100% - 32px)); margin: 0 auto; padding: 42px 0 72px; }
header { margin-bottom: 32px; }
.brand { color: #aec6ff; font-size: 1.1rem; font-weight: 800; letter-spacing: .04em; }
h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.1; margin: .35rem 0 .75rem; }
h2 { color: #c9d6ff; margin-top: 2rem; }
p, li { color: #d8deed; }
a { color: #aec6ff; }
.meta { color: #aab4ca; }
.languages { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.languages a { border: 1px solid #50618a; border-radius: 999px; padding: .25rem .7rem; text-decoration: none; }
.languages a[aria-current="page"] { background: #aec6ff; color: #121827; border-color: #aec6ff; }
section { background: rgba(20, 25, 37, .88); border: 1px solid #303950; border-radius: 16px; margin: 18px 0; padding: 4px 24px 18px; }
footer { color: #8995ad; margin-top: 32px; text-align: center; }

[hidden] { display: none !important; }
button { font: inherit; padding: .75rem 1.1rem; border: 1px solid #829acc; border-radius: 10px; background: #aec6ff; color: #10131a; cursor: pointer; }
button:disabled { opacity: .5; cursor: not-allowed; }
button.danger { background: #ffb4b4; border-color: #ffb4b4; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 4px; }
label { display: flex; align-items: flex-start; gap: 12px; }
input[type=checkbox] { margin-top: .5rem; min-width: 20px; min-height: 20px; }
:focus-visible { outline: 3px solid #ffe29a; outline-offset: 4px; }
#status { min-height: 1.6em; }