.theme-toggle{flex-shrink:0;margin-left:auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:none;color:#777;font:20px/1 system-ui;cursor:pointer}.theme-toggle:hover{color:#111}.theme-toggle:focus-visible{outline:2px solid #8050b5;outline-offset:3px}
html[data-theme="dark"]{color-scheme:dark;--ink:#d4d4d4;--heading:#f0f0f0;--quiet:#a0a0a0;background:#161616;color:#d4d4d4}
html[data-theme="dark"] body{background:#161616;color:#d4d4d4}
html[data-theme="dark"] :is(h1,h3,.project p,.project-title a,.case-snippets h2,.hiring-lede,.art-intro h1,.art-gallery h2){color:#e5e5e5}
html[data-theme="dark"] :is(a,.hiring-copy a){color:#d4d4d4;text-decoration-color:#666}
html[data-theme="dark"] :is(.site-header nav a,.case-back a,.case-summary h2,.case-section h2,.about-page h2,.art-section-index a){color:#a0a0a0}
html[data-theme="dark"] :is(.site-header nav a[aria-current],.site-header nav a:hover,.art-section-index a[aria-current],.about-note-tab[aria-selected="true"]){color:#f1f1f1}
html[data-theme="dark"] :is(.muted,.name p,.project-title>span,footer h2){color:#a0a0a0}
html[data-theme="dark"] :is(.case-next,.case-snippets li,.about-note-tablist){border-color:#303030}
html[data-theme="dark"] .project::before,html[data-theme="dark"] .project:last-child::after{background:#303030}

html[data-theme="dark"] .screen-texture::before{mix-blend-mode:screen;opacity:.035}
html[data-theme="dark"] :is(.art-open,.art-viewer){background:#161616;color:#ddd;border-color:#444}
html[data-theme="dark"] .theme-toggle{color:#bbb}html[data-theme="dark"] .theme-toggle:hover{color:#fff}
html[data-theme="dark"] .croissant-arrival{background:#161616}
@media(max-width:620px){.site-header nav{align-items:center}.theme-toggle{width:24px;height:24px;font-size:18px}}

html[data-theme="dark"] :is(.about-note-tablist button[aria-selected="true"],.plant-detail-name,.plant-name,.about-shoutouts,.bookshelf h3){color:#e5e5e5}html[data-theme="dark"] .about-gallery figcaption{background:#222;color:#ddd}html[data-theme="dark"] .recap-viewer-inner{background:#202020;color:#ddd}html[data-theme="dark"] .recap-board{background:#202020}html[data-theme="dark"] .art-page footer a{color:#bbb}

html[data-theme="dark"] .home-scroll-stack button.is-active{color:#eee}html[data-theme="dark"] .home-scroll-stack button:hover{color:#d4d4d4}

html[data-theme="dark"] .plant-family-gallery{background:transparent}

html[data-theme="dark"] .project{border-color:transparent}html[data-theme="dark"] .plant-family-details:has(.plant-family-panel:not([hidden])){border-top-color:#303030}

html[data-theme="dark"] main a:hover{color:#fff;text-decoration-color:#aaa}html[data-theme="dark"] .project-title a{color:#e5e5e5}

html[data-theme="dark"] main a:hover,html[data-theme="dark"] .site-header nav a:hover,html[data-theme="dark"] .home-scroll-stack button:hover{color:#c4a2ea;text-decoration-color:currentColor}

/* Top edge mirrors the footer blur exactly: no tint, no solid band behind the nav. */
:root{--nav-surface:255,255,255}html[data-theme="dark"]{--nav-surface:22,22,22}.site-header{isolation:isolate}
.viewport-blur.viewport-blur-top{background:none}