nav.navbar{--track-color:#e0e0e0;--ball-color:#ffffff;position:sticky;top:0;z-index:1000;background-color:var(--bg);border-bottom:1px solid var(--code-border);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:row;justify-content:center;width:100%;font-family:montserrat,sans-serif;font-size:1.5rem;font-weight:700;padding:1rem 0}nav .navbar-contents{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%;max-width:1200px}nav .navbar-links{display:flex;flex-direction:row;gap:2rem}nav .navbar-links a{color:var(--fg);font-weight:700;position:relative}nav .navbar-links a:hover{color:var(--primary)}nav .navbar-links a::after{background-color:var(--primary)}.theme-toggle{display:flex;justify-content:center;align-items:center;gap:10px}.theme-toggle{position:relative}.theme-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:var(--bg);border:2px solid var(--primary);cursor:pointer;transition:all .3s ease;padding:0;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.15);position:relative;overflow:hidden}.theme-button:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.25)}.theme-button:focus{outline:none;box-shadow:0 0 0 2px var(--accent,#888),0 3px 8px rgba(0,0,0,.25)}.theme-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.theme-button:hover:after{opacity:1}@media(max-width:480px){nav.navbar{padding:15px;width:100%}nav .navbar-contents{flex-wrap:wrap;justify-content:center;gap:15px;width:100%}nav .navbar-links{flex-wrap:wrap;justify-content:center;align-items:center;font-size:.9rem;gap:1rem;order:2;width:100%;text-align:center}nav .navbar-links a{white-space:nowrap}.theme-toggle{order:1;margin-bottom:5px}.theme-button{width:28px;height:28px;font-size:.875rem}}