.theme-toggle{border:1px solid var(--border-color);background-color:#0000;border-radius:999px;flex-shrink:0;grid-template-columns:repeat(3,1fr);align-items:center;width:5.75rem;height:1.75rem;padding:.125rem;display:grid;position:relative}.theme-toggle-thumb{background-color:var(--hover-fill);pointer-events:none;border-radius:999px;width:calc(33.3333% - .0833333rem);transition:transform .2s;position:absolute;top:.125rem;bottom:.125rem;left:.125rem}.theme-toggle:not(.theme-toggle--ready) .theme-toggle-thumb{transition:none}.theme-toggle-option{z-index:1;height:100%;color:var(--muted-color);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.theme-toggle-option--active,.theme-toggle-option:hover{color:var(--text-color)}.theme-toggle-icon{width:.85rem;height:.85rem;display:block}[data-theme=dark] .theme-toggle{border-color:#ffffff8c}[data-theme=dark] .theme-toggle-thumb{background-color:#ffffff38}[data-theme=dark] .theme-toggle-option{color:#ffffffc7}[data-theme=dark] .theme-toggle-option--active,[data-theme=dark] .theme-toggle-option:hover{color:#fff}
.navbar{z-index:100;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1.5px solid var(--border-color);width:100%;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;gap:1.5rem;padding-block:.7rem;display:flex;position:relative}.logo{z-index:101;align-items:center;padding-block:.1rem;line-height:0;text-decoration:none;display:inline-flex}.logo-img{width:auto;height:4rem;display:block}.logo-img--on-dark,[data-theme=dark] .logo-img--on-light{display:none}[data-theme=dark] .logo-img--on-dark{display:block}.nav-links{align-items:center;gap:3rem;margin-left:auto;list-style:none;display:flex}.nav-theme{align-items:center;display:flex}.nav-link{color:var(--text-color);font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.6}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:2rem;height:2rem;padding:0;display:none}.nav-toggle span{background-color:var(--text-color);width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle--open span:nth-child(2){opacity:0}.nav-toggle--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:768px){.nav-toggle{margin-left:auto;display:flex}.nav-links{width:100%;height:100%;min-height:100dvh;min-height:-webkit-fill-available;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background-color:var(--bg-color);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin:0;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.nav-links--open{opacity:1;visibility:visible}.nav-link{font-size:1.25rem}.nav-theme{margin-top:.5rem}}