@import "https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@400;700&display=swap";
.navbar{z-index:100;justify-content:space-between;align-items:center;margin:0;padding:1rem 2rem;display:flex;position:sticky;top:0}@media (min-width:1024px){.navbar{padding:1rem 5rem}}@media (min-width:1280px){.navbar{padding:1rem 15rem}}.navbar .navbar-logo .logo-text{-webkit-user-select:none;user-select:none;color:var(--text-primary);margin:0;font-family:Rethink Sans,sans-serif;font-size:1.1rem;font-weight:700}@media (min-width:768px){.navbar .navbar-logo .logo-text{font-size:1.3rem}}.navbar .navbar-actions{align-items:center;gap:1rem;display:flex}@media (max-width:768px){.navbar .navbar-actions{display:none}}.navbar-links{justify-content:center;align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:768px){.navbar-links{display:none}}.navbar-item{list-style:none}.navbar-link{color:var(--text-secondary);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.navbar-link:hover{color:var(--accent);background-color:var(--bg-secondary)}.navbar-link.source-link{align-items:center;gap:.4rem;display:inline-flex}.navbar-link.source-link svg{transition:transform .2s}.navbar-link.source-link:hover svg{transform:scale(1.1)}
.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:#0000;touch-action:manipulation;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.theme-toggle{width:2.75rem;height:2.75rem;padding:.625rem}}.theme-toggle .icon-wrapper{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.theme-toggle .theme-icon{color:var(--text-primary);transition:color .3s}.theme-toggle:hover{background-color:var(--accent);border-color:var(--accent)}.theme-toggle:hover .theme-icon{color:#fff}
.mobile-menu-toggle{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:.75rem;padding:.5rem;transition:all .2s;display:none}@media (max-width:768px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}}.mobile-menu-toggle:hover{background-color:var(--accent);border-color:var(--accent);color:#fff}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#00000080;width:100%;height:100%;display:block;position:fixed;top:0;left:0}}.mobile-menu{display:none}@media (max-width:768px){.mobile-menu{background:var(--bg-primary);border-left:1px solid var(--border);z-index:999;flex-direction:column;width:80%;max-width:300px;height:100%;padding:2rem 1.5rem;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #0000001a}}.mobile-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.mobile-menu-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.mobile-menu-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-links li{list-style:none}.mobile-menu-link{color:var(--text-secondary);border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-link svg{flex-shrink:0;transition:transform .2s}.mobile-menu-link:hover{background:var(--bg-secondary);color:var(--accent);transform:translate(5px)}.mobile-menu-link:hover svg{transform:scale(1.1)}.mobile-menu-link:active{transform:translate(2px)}