.navbar.svelte-wirxb5.svelte-wirxb5{position:fixed;top:0;left:0;right:0;z-index:10;background:var(--surface-primary);border-bottom:1px solid var(--border-primary);transition:all .3s ease}.navbar.scrolled.svelte-wirxb5.svelte-wirxb5{background:var(--surface-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.navbar-container.svelte-wirxb5.svelte-wirxb5{margin:0 auto;padding:0 var(--gap-lg);display:flex;align-items:center;justify-content:space-between;height:60px}.logo.svelte-wirxb5.svelte-wirxb5{flex-shrink:0;display:flex;align-items:center;gap:var(--gap-sm);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--font-lg);transition:opacity .2s ease}.logo.svelte-wirxb5.svelte-wirxb5:hover{opacity:.8}.logo-icon.svelte-wirxb5.svelte-wirxb5{width:32px;height:32px;object-fit:contain}.logo-text.svelte-wirxb5.svelte-wirxb5{color:var(--text-primary)}.mobile-menu-toggle.svelte-wirxb5.svelte-wirxb5{display:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:3}.hamburger-line.svelte-wirxb5.svelte-wirxb5{width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.navbar-content.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;gap:var(--gap-xl);flex:1;justify-content:space-between;margin-left:var(--gap-xl)}.frameworks-list.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);flex:1;overflow-x:auto;overflow-y:hidden;padding:var(--gap-xs) 0;scrollbar-width:none}.frameworks-list.svelte-wirxb5.svelte-wirxb5::-webkit-scrollbar{display:none}.framework-link.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;transition:all var(--transition-normal);border:1px solid transparent;position:relative}.framework-link.svelte-wirxb5.svelte-wirxb5:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:var(--brand-color);opacity:0;transition:opacity var(--transition-normal)}.framework-link.svelte-wirxb5>.svelte-wirxb5{position:relative;z-index:1}.framework-link.svelte-wirxb5.svelte-wirxb5:hover{border-color:color-mix(in srgb,var(--brand-color) 40%,transparent);color:var(--text-primary)}.framework-link.svelte-wirxb5.svelte-wirxb5:hover:before{opacity:.08}.framework-link.active.svelte-wirxb5.svelte-wirxb5{background:color-mix(in srgb,var(--brand-color) 12%,transparent);border-color:color-mix(in srgb,var(--brand-color) 50%,transparent);color:var(--text-primary)}.framework-link.active.svelte-wirxb5 .framework-icon.svelte-wirxb5{filter:grayscale(0)}.framework-icon.svelte-wirxb5.svelte-wirxb5{width:20px;height:20px;object-fit:contain;filter:grayscale(.3);transition:filter .2s ease}.framework-link.svelte-wirxb5:hover .framework-icon.svelte-wirxb5{filter:grayscale(0)}.framework-name.svelte-wirxb5.svelte-wirxb5{display:none}@media (min-width: 2000px){.framework-name.svelte-wirxb5.svelte-wirxb5{display:inline}.frameworks-list.svelte-wirxb5.svelte-wirxb5{justify-content:flex-start}}.navbar-actions.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;gap:var(--gap-md)}.github-link.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-lg);background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:var(--font-sm);white-space:nowrap;position:relative;overflow:hidden;transition:all var(--transition-normal)}.github-link.svelte-wirxb5.svelte-wirxb5:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;animation:svelte-wirxb5-borderRotate 3s linear infinite;animation-play-state:paused}@keyframes svelte-wirxb5-borderRotate{0%{transform:translate(-100%) rotate(0)}to{transform:translate(200%) rotate(0)}}.github-link.svelte-wirxb5.svelte-wirxb5:hover{background:var(--surface-tertiary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.github-link.svelte-wirxb5.svelte-wirxb5:hover:before{opacity:1;animation-play-state:running}.github-text.svelte-wirxb5.svelte-wirxb5{display:inline}.mobile-menu-header.svelte-wirxb5.svelte-wirxb5,.mobile-menu-footer.svelte-wirxb5.svelte-wirxb5,.mobile-overlay.svelte-wirxb5.svelte-wirxb5{display:none}@media (max-width: 1024px){.frameworks-list.svelte-wirxb5.svelte-wirxb5{gap:var(--gap-md);justify-content:center}}@media (max-width: 768px){.navbar-container.svelte-wirxb5.svelte-wirxb5{padding:0 var(--gap-md)}.mobile-menu-toggle.svelte-wirxb5.svelte-wirxb5{display:flex}.navbar-content.svelte-wirxb5.svelte-wirxb5{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:var(--surface-primary);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--gap-lg);margin:0;gap:0;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a;overflow-y:auto;z-index:2}.navbar-content.open.svelte-wirxb5.svelte-wirxb5{right:0}.mobile-menu-header.svelte-wirxb5.svelte-wirxb5{display:block;padding-bottom:var(--gap-md);margin-bottom:var(--gap-md);border-bottom:1px solid var(--border-primary)}.mobile-logo.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;gap:var(--gap-md);text-decoration:none;transition:opacity var(--transition-normal)}.mobile-logo.svelte-wirxb5.svelte-wirxb5:hover{opacity:.8}.mobile-logo-icon.svelte-wirxb5.svelte-wirxb5{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md)}.mobile-logo-text.svelte-wirxb5.svelte-wirxb5{display:flex;flex-direction:column;gap:var(--gap-2xs)}.mobile-logo-title.svelte-wirxb5.svelte-wirxb5{font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.mobile-logo-description.svelte-wirxb5.svelte-wirxb5{font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.4}.frameworks-list.svelte-wirxb5.svelte-wirxb5{flex-direction:column;align-items:stretch;gap:var(--gap-xs);overflow:visible;padding:0}.framework-link.svelte-wirxb5.svelte-wirxb5{padding:var(--gap-md);justify-content:flex-start}.framework-icon.svelte-wirxb5.svelte-wirxb5{width:24px;height:24px}.framework-name.svelte-wirxb5.svelte-wirxb5{display:inline;font-size:var(--font-base)}.mobile-menu-footer.svelte-wirxb5.svelte-wirxb5{display:flex;flex-direction:column;gap:var(--gap-xs);margin-top:auto;padding-top:var(--gap-lg);border-top:1px solid var(--border-primary)}.footer-link.svelte-wirxb5.svelte-wirxb5{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;background:var(--surface-secondary);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.footer-link.svelte-wirxb5.svelte-wirxb5:hover{background:var(--surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.navbar-actions.svelte-wirxb5.svelte-wirxb5{display:none}.mobile-overlay.svelte-wirxb5.svelte-wirxb5{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1}.mobile-menu-toggle[aria-expanded=true].svelte-wirxb5 .hamburger-line.svelte-wirxb5:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true].svelte-wirxb5 .hamburger-line.svelte-wirxb5:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle[aria-expanded=true].svelte-wirxb5 .hamburger-line.svelte-wirxb5:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media (max-width: 480px){.navbar-container.svelte-wirxb5.svelte-wirxb5{height:56px;padding:0 var(--gap-md)}.logo-text.svelte-wirxb5.svelte-wirxb5{font-size:var(--font-base)}.navbar-content.svelte-wirxb5.svelte-wirxb5{width:100%;max-width:100%}.mobile-logo-icon.svelte-wirxb5.svelte-wirxb5{width:40px;height:40px}.mobile-logo-title.svelte-wirxb5.svelte-wirxb5{font-size:var(--font-base)}}