.font-space.svelte-1owi6g7 {
		font-family: 'Space Grotesk', system-ui, sans-serif;
	}

	.font-space.svelte-18ya4ak {
		font-family: 'Space Grotesk', system-ui, sans-serif;
	}

	.orbs-container.svelte-l4e359 {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		pointer-events: none;
		z-index: -1;
	}

	.orb.svelte-l4e359 {
		position: absolute;
		border-radius: 50%;
		filter: blur(80px);
		opacity: 0.15;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}

	.orb-1.svelte-l4e359 {
		width: 500px;
		height: 500px;
		background: radial-gradient(circle, rgba(56, 189, 248, 0.4) 0%, rgba(56, 189, 248, 0) 70%);
		top: -10%;
		right: -10%;
		animation: svelte-l4e359-float-1 20s infinite;
	}

	.orb-2.svelte-l4e359 {
		width: 400px;
		height: 400px;
		background: radial-gradient(circle, rgba(139, 92, 246, 0.3) 0%, rgba(139, 92, 246, 0) 70%);
		bottom: -5%;
		left: -5%;
		animation: svelte-l4e359-float-2 25s infinite;
	}

	.orb-3.svelte-l4e359 {
		width: 350px;
		height: 350px;
		background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, rgba(56, 189, 248, 0) 70%);
		top: 40%;
		left: 50%;
		transform: translateX(-50%);
		animation: svelte-l4e359-float-3 30s infinite;
	}

	@keyframes svelte-l4e359-float-1 {
		0% {
			transform: translate(0, 0) scale(1);
		}
		50% {
			transform: translate(-50px, 50px) scale(1.1);
		}
		100% {
			transform: translate(0, 0) scale(1);
		}
	}

	@keyframes svelte-l4e359-float-2 {
		0% {
			transform: translate(0, 0) scale(1);
		}
		50% {
			transform: translate(60px, -40px) scale(1.15);
		}
		100% {
			transform: translate(0, 0) scale(1);
		}
	}

	@keyframes svelte-l4e359-float-3 {
		0% {
			transform: translateX(-50%) translate(0, 0) scale(1);
		}
		50% {
			transform: translateX(-50%) translate(30px, 60px) scale(0.9);
		}
		100% {
			transform: translateX(-50%) translate(0, 0) scale(1);
		}
	}

	/* Reduce motion for accessibility */
	@media (prefers-reduced-motion: reduce) {
		.orb.svelte-l4e359 {
			animation: none;
			opacity: 0.08;
		}
	}

	/* Hide on mobile for performance */
	@media (max-width: 768px) {
		.orbs-container.svelte-l4e359 {
			display: none;
		}
	}

	.page-transition-overlay.svelte-1sgpos4 {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(5, 8, 22, 0.3);
		backdrop-filter: blur(2px);
		z-index: 9999;
		pointer-events: none;
	}

	@media (prefers-reduced-motion: reduce) {
		.page-transition-overlay.svelte-1sgpos4 {
			display: none;
		}
	}

	.scroll-to-top.svelte-15yu17n {
		position: fixed;
		bottom: 2rem;
		right: 2rem;
		width: 3rem;
		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--accent);
		color: #0f172a;
		border: none;
		border-radius: 50%;
		cursor: pointer;
		box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.3);
		transition: all 200ms ease;
		z-index: 50;
		animation: svelte-15yu17n-fadeIn 200ms ease;
	}

	.scroll-to-top.svelte-15yu17n:hover {
		transform: translateY(-4px);
		box-shadow: 0 6px 20px rgba(var(--accent-rgb), 0.4);
	}

	.scroll-to-top.svelte-15yu17n:active {
		transform: translateY(-2px);
	}

	.scroll-to-top.svelte-15yu17n:focus-visible {
		outline: 2px solid var(--accent);
		outline-offset: 2px;
	}

	.icon.svelte-15yu17n {
		display: inline-flex;
		width: 1.25rem;
		height: 1.25rem;
	}

	.icon.svelte-15yu17n svg {
		width: 100%;
		height: 100%;
	}

	@keyframes svelte-15yu17n-fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.scroll-to-top.svelte-15yu17n {
			animation: none;
			transition: none;
		}

		.scroll-to-top.svelte-15yu17n:hover {
			transform: none;
		}
	}

	@media (max-width: 768px) {
		.scroll-to-top.svelte-15yu17n {
			bottom: 1.5rem;
			right: 1.5rem;
			width: 2.75rem;
			height: 2.75rem;
		}

		.icon.svelte-15yu17n {
			width: 1.125rem;
			height: 1.125rem;
		}
	}

	.skip-link.svelte-d6vw3f {
		position: absolute;
		top: -100px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10000;
		padding: 0.75rem 1.5rem;
		background: var(--accent);
		color: #0f172a;
		text-decoration: none;
		border-radius: 0.5rem;
		font-weight: 600;
		font-size: 0.95rem;
		box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.3);
		transition: top 150ms;
	}

	.skip-link.svelte-d6vw3f:focus {
		top: 1rem;
	}

	.mobile-bottom-nav.svelte-2rf3uy {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background: var(--bg-elevated);
		border-top: 1px solid var(--border-subtle);
		padding: 0.5rem 0 calc(0.5rem + env(safe-area-inset-bottom));
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(12px);
		grid-template-columns: repeat(4, 1fr);
		gap: 0.25rem;
	}

	@media (max-width: 1023px) {
		.mobile-bottom-nav.svelte-2rf3uy {
			display: grid;
		}
	}

	.nav-item.svelte-2rf3uy {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.25rem;
		padding: 0.625rem 0.5rem;
		text-decoration: none;
		color: var(--text-subtle);
		transition: all 150ms;
		border-radius: 0.5rem;
		position: relative;
	}

	.nav-item.svelte-2rf3uy:active {
		transform: scale(0.95);
	}

	.nav-item.active.svelte-2rf3uy {
		color: var(--accent);
	}

	.nav-item.active.svelte-2rf3uy::before {
		content: '';
		position: absolute;
		top: -0.5rem;
		left: 50%;
		transform: translateX(-50%);
		width: 2rem;
		height: 3px;
		background: linear-gradient(90deg, var(--accent-strong), var(--accent));
		border-radius: 0 0 4px 4px;
	}

	.nav-icon.svelte-2rf3uy {
		display: inline-flex;
		width: 1.375rem;
		height: 1.375rem;
		flex-shrink: 0;
	}

	.nav-icon.svelte-2rf3uy svg {
		width: 100%;
		height: 100%;
	}
	.nav-label.svelte-2rf3uy {
		font-size: 0.6875rem;
		font-weight: 500;
		letter-spacing: 0.02em;
	}

	/* Add bottom padding to body to account for fixed nav */
	body {
		padding-bottom: env(safe-area-inset-bottom, 0);
	}

	@media (max-width: 1023px) {
		body {
			padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0));
		}
	}

	.pull-to-refresh-indicator.svelte-1auf3t {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1000;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
		padding: 1rem 1.5rem;
		background: var(--bg-elevated);
		border: 1px solid var(--border-subtle);
		border-radius: 0 0 0.75rem 0.75rem;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(12px);
		transition: opacity 200ms ease;
		pointer-events: none;
	}

	.refresh-icon.svelte-1auf3t {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		border-radius: 50%;
		background: var(--accent-soft);
		color: var(--accent);
		transition: transform 300ms ease;
	}

	.refresh-icon.spinning.svelte-1auf3t {
		animation: svelte-1auf3t-spin 1s linear infinite;
	}

	.refresh-text.svelte-1auf3t {
		font-size: 0.875rem;
		font-weight: 500;
		color: var(--text-muted);
		white-space: nowrap;
	}

	@keyframes svelte-1auf3t-spin {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.refresh-icon.spinning.svelte-1auf3t {
			animation: none;
		}

		.pull-to-refresh-indicator.svelte-1auf3t {
			transition: none;
		}
	}

	/* Only show on mobile/tablet devices */
	@media (min-width: 1024px) {
		.pull-to-refresh-indicator.svelte-1auf3t {
			display: none;
		}
	}