:root{--bg:#080e09;--paper:#eee7ce;--soft:#b9c2ad;--cyan:#b6efaa;--dim:#4e62454d;--rule:#78856859}
body{background:radial-gradient(ellipse at 50% 15%,#19261b 0%,transparent 48%),var(--bg)}
.hero h1{text-shadow:0 0 24px #a4d28b35,0 2px 22px #050904}
body::after{opacity:.16}
.mast{border:0}
.mast nav{gap:2px;border-radius:999px;padding:3px}
.mast nav a{padding:7px 11px;border-radius:999px}
.mast nav a:hover{background:#d6eac51c}
.mast nav,.stages button,footer button{
 border:1px solid #a6bc873b;
 background:linear-gradient(172deg,#d7ebbd19 0%,transparent 44%),#141d13e8;
 box-shadow:inset 0 1px #e9f4d337,inset 0 -1px #04070499,0 4px 14px #02050242;
}
@supports(backdrop-filter:blur(1px)){
 .mast nav,.stages button,footer button{background-color:#121c12a8;backdrop-filter:blur(10px) saturate(1.08)}
}
.launch{border-radius:999px;border-color:#cfebbe;background:linear-gradient(#d7edc6,#a2cb97);color:#152614;overflow:hidden;box-shadow:inset 0 1px 1px #fffff0c2,0 4px 18px #0008,0 0 24px #9eff7430}
.launch:hover{background:linear-gradient(#eff9dc,#bae5af);color:#152614;box-shadow:0 0 24px #9eff745c}
.launch span{border-color:#4868444d}.launch b{padding-right:20px}.border-slot,.glare-slot{border-radius:inherit}
.reader{border-radius:22px;overflow:hidden;background:#0c170fee;box-shadow:0 12px 35px #0206025e}
.catalog{padding:7px;gap:5px;background:#101b12;border-bottom-color:var(--dim)}
.catalog a{border-radius:999px;background:transparent}.catalog a:hover{background:#bde8ac12}
.catalog a[aria-current]{background:#36513a;color:#e7f7dc;box-shadow:inset 0 0 0 1px #b5dda64f}
.catalog-marker{opacity:.5;border-radius:4px}
.scan-trace{left:20px;right:20px;background:linear-gradient(90deg,#547b50,#b6efaa)}
.stages button,footer button{border-radius:999px}
.stages button[aria-pressed=true]{background:#354f38;color:#e0f5d1;border-color:#9abf8c}
.stages button[aria-pressed=true]::after{bottom:4px;border-radius:4px}
.record blockquote,.diff{background:#192a1c;border-radius:0 10px 10px 0}
.files a{border:1px solid #9bb59049;border-radius:999px;padding:7px 11px;text-decoration:none}
.files a:hover{background:#a6cb941a}
.magic-progress{background:linear-gradient(90deg,#50754b,#b8eda7,#e8f4ca);box-shadow:0 0 9px #aff09863}
@media(max-width:720px){.mast nav a{padding:6px 8px}.reader{border-radius:16px}.catalog{padding:5px}}