:root{color-scheme:dark;--ink:#e8edf1;--muted:#9aa6b1;--faint:#5f6b76;--accent:#5eead4;--bg:#0a0d12;--sheet:rgba(255,255,255,.04)}
html:not(.js) body[hidden]{display:block}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'IBM Plex Sans',-apple-system,'Segoe UI',sans-serif}
main{max-width:680px;margin:0 auto;padding:40px max(16px,env(safe-area-inset-right,0px)) 64px max(16px,env(safe-area-inset-left,0px))}
.eyebrow{font:600 12px/1 'Oxanium','Arial Narrow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.eyebrow a{color:inherit;text-decoration:none}
h1{font:700 34px/1.1 'Oxanium','Arial Narrow',sans-serif;margin:10px 0 6px}
h2{font:700 19px/1.3 'Oxanium','Arial Narrow',sans-serif;margin:32px 0 6px}
h3{font:700 16px/1.3 'Oxanium','Arial Narrow',sans-serif;margin:22px 0 4px}
p,li{color:#c9d1d8}
ul{padding-left:20px}
a{color:var(--accent)}
.updated{color:var(--faint);font-size:14px;margin:0 0 24px}
table{width:100%;border-collapse:collapse;font-size:15px;background:var(--sheet);border-radius:6px;overflow:hidden}
td,th{text-align:left;padding:10px 12px;vertical-align:top}
tr+tr td{border-top:1px solid rgba(255,255,255,.06)}
th{color:var(--muted);font-weight:600;font-size:13px}
@media (max-width:420px){h1{font-size:28px}td,th{padding:8px}}
.credit{max-width:680px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid rgba(255,255,255,.06)}
.built-by{display:inline-flex;align-items:center;gap:8px;color:var(--faint);font:500 12px/1 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .3s ease}
.built-by span{color:var(--ink);font:700 16px/1 'Oxanium','Arial Narrow',sans-serif;letter-spacing:.02em;text-transform:none}
.built-by .ms-mark{width:18px;height:18px;color:var(--ink);transition:color .3s ease}
.built-by:hover{color:var(--ink)}
.built-by:hover .ms-mark{color:var(--accent)}