.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;z-index:1000;transition:transform 0.3s ease-in-out}.nav.navbar-hidden{transform:translateY(-100%)}.nav-links{display:flex;flex-wrap:wrap;gap:3px;list-style:none;margin:0;padding:0}.nav-button{background:#1e1e1e11;padding:8px 8px;display:flex;border-radius:2px;align-items:center;justify-content:center;color:inherit;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:-0.3px;text-transform:uppercase;font-size:0.75rem;line-height:1}.nav-button.active{background:#000;color:#fff}.home-icon{display:block}@media (pointer:fine){.nav-button:hover{background:#5CFF3B;color:#000000}}@media (max-width:768px){.nav{padding:12px}}html.dark-mode .nav-button{color:#ffffff;background:rgba(255,255,255,0.05)}html.dark-mode .nav-button.active{background:#ffffff;color:#000000}@media (pointer:fine){html.dark-mode .nav-button:hover{background:#5CFF3B;color:#000000}}.dark-mode-toggle{background:transparent;border:none;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:background 0.2s}.dark-mode-toggle img{display:block;width:16px;height:16px;opacity:0.6}html.dark-mode .dark-mode-toggle img{opacity:1;filter:invert(1)}@media (pointer:fine){.dark-mode-toggle:hover img{opacity:1}}