.theme-switcher{border-radius:50%;height:48px;width:48px;padding:var(--space-2)}.theme-switcher button{height:100%;width:100%;color:hsl(from var(--gray-12) h s l/.3);box-shadow:inset 0 0 0 1px hsl(from var(--orange-12) h s l/.3)}.icon-button{background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--gray-12);transition:background-color .2s ease-in-out}.icon-button:hover{background-color:var(--accent-4)}.navbar-wrapper{position:sticky;top:10px;z-index:100;width:100%}.navbar-container{border:1px solid hsl(from var(--gray-12) h s l/.3);background:hsl(from var(--orange-12) h s l/.05);border-radius:var(--radius-5);width:100%;backdrop-filter:blur(10px);position:relative;min-height:60px}.navbar-logo{flex-shrink:0;min-width:fit-content}.brand-text,.nav-button{white-space:nowrap}.nav-button{box-shadow:inset 0 0 0 1px hsl(from var(--orange-12) h s l/.2);border-radius:var(--radius-5);color:hsl(from var(--orange-12) h s l/.7);font-weight:700;min-width:fit-content;padding:8px 16px}.nav-button.active,.nav-button:hover{box-shadow:inset 0 -4px 0 0 hsl(from var(--lime-a8) h s l/.7);background-color:var(--lime-3);color:hsl(from var(--lime-12) h s l/.7)}.desktop-nav{display:none;flex:1;max-width:500px}.desktop-only{display:none}.navbar-actions{flex-shrink:0}.mobile-menu-btn{display:flex;background:transparent;border:2px solid hsl(from var(--orange-12) h s l/.2);color:var(--orange-11);border-radius:var(--radius-3);padding:8px;cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:var(--orange-3);border-color:var(--orange-7)}.mobile-nav-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--gray-6);border-top:none;border-radius:0 0 var(--radius-5) var(--radius-5);box-shadow:0 10px 25px rgba(0,0,0,.1);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:50}.mobile-nav-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:12px}.mobile-nav-links .nav-button{width:100%;justify-content:center;text-align:center}.mobile-theme-switcher{border-top:1px solid var(--gray-6);margin-top:8px}@media (min-width:768px){.brand-text{font-size:1.2rem}}@media (min-width:1024px){.desktop-nav{display:flex}.desktop-only{display:block}.mobile-menu-btn,.mobile-nav-menu{display:none}}@media (min-width:1280px){.desktop-nav{gap:24px}}@media (max-width:767px){.navbar-container{padding:12px 16px}.brand-text{font-size:1.1rem}.navbar-logo img{width:40px;height:40px}.mobile-nav-menu{margin-top:8px}}@media (max-width:480px){.navbar-container{padding:10px 12px}.brand-text{font-size:1rem}.navbar-logo img{width:36px;height:36px}}