:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
#theme-toggle{font:inherit;font-size:14px;line-height:1;background:#f5f5f7;color:#333;border:1px solid #e5e5e7;border-radius:999px;padding:10px 15px;cursor:pointer}
nav{align-items:center}
[data-theme=dark] body{background:#111113;color:#f5f5f7}
[data-theme=dark] .eyebrow,[data-theme=dark] .intro-aside,[data-theme=dark] footer small,[data-theme=dark] .info h2{color:#a1a1a8}
[data-theme=dark] h1 span,[data-theme=dark] .animated-headline .headline-line.muted{color:#97979f}
[data-theme=dark] .detail-top p,[data-theme=dark] .detail .tags{color:#b4b4bb}
[data-theme=dark] .project{background:#222225;color:#f5f5f7;border-color:rgba(255,255,255,.09);box-shadow:0 4px 16px rgba(0,0,0,.2)}
[data-theme=dark] .project-copy{background:rgba(31,31,35,.98);border-top-color:rgba(255,255,255,.12)}
[data-theme=dark] .project p{color:#c5c5cb}
[data-theme=dark] .project .tags,[data-theme=dark] .project .number{color:#a5a5ae}
[data-theme=dark] .full-project{background:#222225}
[data-theme=dark] #theme-toggle{background:#252528;border-color:#3c3c41;color:#ededf0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 [data-theme=dark] .project:hover{box-shadow:0 18px 40px rgba(0,0,0,.4)}
 [data-theme=dark] .project:hover .project-copy{background:rgba(24,24,29,.82)}
 [data-theme=dark] .animated-headline.typing-complete:hover .headline-line.muted{color:#e2e2e7}
 #theme-toggle:hover{background:#e8e8ed}
 [data-theme=dark] #theme-toggle:hover{background:#35353b}
}
@media(max-width:700px){nav{gap:16px}#theme-toggle{padding:9px 11px;font-size:12px}header{gap:16px}.name{white-space:nowrap}}
@media(max-width:380px){header{flex-wrap:wrap}nav{margin-left:auto}}
#theme-toggle{width:38px;height:38px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-color:transparent;background:transparent}
[data-theme=dark] #theme-toggle{background:transparent;border-color:transparent}
#theme-toggle svg{width:22px;height:22px;display:block}
[data-theme=light] #theme-toggle .bulb-body{fill:currentColor;fill-opacity:.13}