:root{color-scheme:dark}
html,body{margin:0;background:#02050b;color:#eaf0f8;font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:28px 20px calc(60px + env(safe-area-inset-bottom,0px))}
h1{font-size:28px;margin:18px 0 8px;letter-spacing:.02em}
h2{font-size:17px;margin:30px 0 6px;color:#fff}
h3{font-size:15px;margin:20px 0 4px;color:#cfd8e6}
p,li{color:#c5d0de}
a{color:#8cc3ff}
.back{display:inline-block;font-size:14px;text-decoration:none;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#eaf0f8}
.back:hover{background:rgba(255,255,255,.06)}
.ph{background:#5a1020;color:#ffb3c0;padding:0 5px;border-radius:4px;font-weight:600}
.src li{margin:4px 0}
.muted{color:#7f8da3;font-size:14px;margin-top:34px}
table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0}
th,td{text-align:left;vertical-align:top;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#c5d0de}
th{color:#fff;font-weight:600}
@media (max-width:600px){table,thead,tbody,tr,td,th{display:block}thead{display:none}tr{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}td{border:0;padding:2px 0}td:first-child{color:#fff;font-weight:600}}