:root{--text:#ffffff;--body:#232b2b;--text-muted:#909090}html{margin:0;padding:0;font-family:system-ui,sans-serif}body{background-color:var(--body);color:var(--text);line-height:1.5;margin:0 auto;padding:0 1rem;text-wrap:pretty}@media(min-width:1440px){body{width:75vw}}a{color:var(--text-muted);transition:.3s all ease;text-decoration:none}a:hover{text-decoration:underline}main{min-height:80vh;align-content:center}h1,h2,h3{font-size:4rem;line-height:1.5;letter-spacing:-2px;font-weight:500;margin:0}h2{font-size:3rem}h3{font-size:2rem}.intro h1{font-size:15vw;line-height:1}.p-note{font-size:2rem;margin:0}article{width:60vw;margin-left:auto;margin-right:auto}article h1{line-height:2}#social-links{display:flex;justify-content:flex-start;list-style:none;padding:.25rem .25rem .25rem 0;margin-top:1rem}#social-links a{color:var(--text-muted);margin:.25rem .5rem;font-weight:700}#social-links a:hover{color:var(--text)}#social-links a:first-child{margin-left:0}footer{font-size:.95rem;padding:.5rem 0;line-height:3;color:var(--text-muted)}.error h1{font-size:5rem}.btn{background:linear-gradient(to top,var(--body),color-mix(in srgb,var(--body),white 15%));color:var(--text);border:1px solid var(--text-muted);border-radius:.25rem;padding:.5rem 1rem;margin-top:1rem;display:inline-block;font-weight:700}.btn:hover{background:linear-gradient(to top,var(--body),color-mix(in srgb,var(--body),white 10%))}.explainer{text-wrap:balance;border:1px solid var(--text-muted);padding:0 2rem .5rem;border-radius:.5rem;margin:5vh 0;max-width:max-content}#navbar{background:color-mix(in srgb,var(--body) 70%,transparent);backdrop-filter:blur(10px);color:var(--text);padding:.5rem 0;position:sticky;top:0;z-index:1000}#navbar .tube{display:flex;justify-content:space-between;align-items:center}#navbar input.inline-toggle{display:none}#navbar nav{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}#navbar nav a{margin:0 .5rem;color:var(--text-muted);text-decoration:none;transition:.3s all ease}#navbar nav a:hover{color:var(--text-inverted);transition:.3s all ease}#navbar .inline-toggle{display:none}@media(max-width:992px){#navbar .inline-toggle{border:1px var(--text)solid;padding:.5rem;border-radius:.25rem;display:block;margin:0 1rem}#navbar .inline-toggle:checked+nav{display:block}#navbar nav{display:none;flex-direction:column;position:absolute;top:calc(100%);left:0;right:0;padding:1rem;font-size:1.5rem;height:100vh;z-index:1000;text-align:center;background:color-mix(in srgb,var(--body) 70%,transparent);backdrop-filter:blur(10px)}#navbar nav a{display:block;margin:.5rem 0;line-height:3}}