html,body{color-scheme:light;--page:#0B7A6A;--on-page:#C3FAE8;--bg:#F3F2EE;--bg-secondary:#E8E6E0;--accent:#F783AC;--code-text:#A61E4D;--headings:#3B5BDB;--highlight:#C3FAE8;--links:#C2255C;--share-text:#6E6880;--text:#2E2A3A;--text-secondary:#6E6880}html,body{color-scheme:light;background-color:var(--page);color:var(--text)}.w{background-color:var(--bg);border-top:6px solid var(--accent);border-radius:14px;margin:2.5rem auto;padding:3em 2.5em;box-shadow:0 18px 44px rgba(0,0,0,.28)}@media(max-width:600px){.w{margin:0;border-radius:0;padding:3em 1.25em}}h1,h2,h3,h4,h5,h6{color:var(--headings)}p,strong,b,em,small,li,hr,table,figcaption{color:var(--text)}blockquote{background-color:var(--bg-secondary);border:1px var(--border)solid}a{color:var(--links)}*:target{background-color:var(--bg-secondary)}.dashed{border-top:2px var(--accent)dashed}mark{background-color:var(--highlight)}.post-date{color:var(--text-secondary)}p code,li code{background-color:var(--bg-secondary);color:var(--code-text)}.credits,.credits p{color:var(--on-page);font-size:.95rem;font-weight:700;letter-spacing:.01em}.credits a{color:var(--on-page)}.credits a:hover{color:var(--accent)}.tag{color:var(--text-secondary);background-color:var(--bg-secondary)}.project-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:2rem;font-family:ibm plex mono,courier new,monospace;font-size:.9em}.project-links a{text-decoration:none}.project-links a:hover{text-decoration:underline}video.clip{display:block;width:100%;height:auto;margin:1rem 0;border-radius:4px}.card{border:2px var(--accent)solid;background-color:var(--bg);box-shadow:0 6px 16px rgba(0,0,0,.12);transition:transform .15s}.card:hover{transform:translateY(-3px)}.card .header{color:var(--headings)}.card hr{border:0;height:2px;background-color:var(--accent)}body{font-family:ibm plex sans,-apple-system,helvetica neue,helvetica,sans-serif}h1,h2,h3,h4,h5,h6{font-family:ibm plex mono,courier new,monospace;font-weight:700;letter-spacing:-.01em;line-height:1.3}pre,code,.post-date,.home-date,.tag{font-family:ibm plex mono,courier new,monospace}.card .header{font-family:ibm plex mono,courier new,monospace;font-weight:700}