#site-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:var(--accent-fill);opacity:.24;mix-blend-mode:multiply;contain:strict}
#site-background canvas{display:block;width:100%;height:100%}
main{position:relative;z-index:1}header,.cv-panel,.entry,.bio-copy{background:transparent}
#animation-controls{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;color:var(--muted)}
#local-clock{font-variant-numeric:tabular-nums;white-space:nowrap}
#animation-controls button{font:inherit;color:inherit;background:none;border:0;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#animation-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#animation-controls [hidden],#site-background[hidden]{display:none}
@media(prefers-color-scheme:dark){#site-background{opacity:.30;mix-blend-mode:screen}}
@media(max-width:600px){#site-background{opacity:.18}main{padding-bottom:28px}}
@media(max-width:600px) and (prefers-color-scheme:dark){#site-background{opacity:.24}}
@media print{#site-background,#animation-controls{display:none}:root{--accent:#000!important;--accent-hover:#000!important;--accent-text:#fff!important}}

@media screen and (min-width:601px){main{display:flex;flex-direction:column;min-height:calc(100svh - 67px);margin-bottom:12px}#animation-controls{position:relative;left:max(0px,calc((100vw - 100%)/2 - 24px));margin-top:auto;padding-top:38px}}

#status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:3px}#animation-controls.status-floating{min-height:calc(var(--status-height) + 38px)}#animation-controls.status-floating #status-stack{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:3;width:max-content}