:root{--nav-secondary:rgba(55,55,59,.9);--nav-surface:#454549;--nav-border:rgba(255,255,255,.18);--nav-ring:#a1a1aa}
html[data-theme="light"]{--background:#fafaf9;--foreground:#232326;--muted:rgba(35,35,38,.6);--nav-secondary:rgba(228,228,231,.9);--nav-surface:#fff;--nav-border:rgba(35,35,38,.18);--nav-ring:#71717a;color-scheme:light}
html[data-theme="light"] .document-button,html[data-theme="light"] .email,html[data-theme="light"] .section-number{color:var(--foreground)}
html[data-theme="light"] .document-button{background:rgba(35,35,38,.05);border-color:rgba(35,35,38,.15)}
html[data-theme="light"] .email:hover{background:rgba(35,35,38,.05)}
html[data-theme="light"] .section-number{background:rgba(35,35,38,.05)}
html[data-theme="light"] .document-button>img,html[data-theme="light"] .email>img{filter:invert(1)}
html[data-theme="light"] .rubber-segment{--rs-track:rgba(35,35,38,.06)!important;--rs-ink:#232326!important;--rs-ink-active:#fff!important;--rs-thumb:#232326!important}
html[data-theme="light"] :focus-visible{outline-color:#4588ff}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:12px;background:var(--nav-secondary);color:var(--foreground);box-shadow:0 1px 1px 0 rgba(38,38,43,.10),0 0 0 1px rgba(38,38,43,.04),0 2px 12px -4px rgba(38,38,43,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bottom-nav-control{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:var(--nav-surface);color:inherit;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;transition:color 150ms ease,transform 150ms ease}
.bottom-nav-control:active{transform:scale(.97)}
.bottom-nav-control:focus-visible{outline:2px solid var(--nav-ring);outline-offset:2px}
.bottom-nav-control svg{display:block;width:16px;height:16px;flex:none}
.bottom-nav-home img{display:block;width:16px;height:16px}
.bottom-nav-theme{width:28px;height:28px}
.bottom-nav-theme .nav-sun{display:none}
html[data-theme="light"] .bottom-nav-theme .nav-sun{display:block}
html[data-theme="light"] .bottom-nav-theme .nav-moon{display:none}
@media(hover:hover) and (pointer:fine){.bottom-nav-control:hover{color:color-mix(in srgb,var(--foreground) 80%,transparent)}}
@media(prefers-reduced-motion:reduce){.bottom-nav-control{transition:color 150ms ease}.bottom-nav-control:active{transform:none}}