[data-loading*=\|show], [data-loading=""], [data-loading=show] {
	display: none
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;

@layer theme, base, components, utilities;

@layer theme {
	:host, :root {
		--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace;
		--spacing: 0.25rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: 1.33333;
		--text-sm: 0.875rem;
		--text-sm--line-height: 1.42857;
		--text-lg: 1.125rem;
		--text-lg--line-height: 1.55556;
		--text-xl: 1.25rem;
		--text-xl--line-height: 1.4;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--tracking-wide: 0.025em;
		--leading-snug: 1.375;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--ease-out: cubic-bezier(0, 0, 0.2, 1);
		--default-transition-duration: 150ms;
		--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: ui-monospace, "JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace;
		--color-bg: var(--bc-bg);
		--color-surface: var(--bc-surface);
		--color-surface-2: var(--bc-surface-2);
		--color-line: var(--bc-line);
		--color-fg: var(--bc-fg);
		--color-muted: var(--bc-muted);
		--color-accent: var(--bc-accent);
		--color-accent-2: var(--bc-accent-2);
		--color-ok: var(--bc-ok);
		--color-warn: var(--bc-warn);
		--color-danger: var(--bc-danger);
		--shadow-neon: var(--bc-glow);
		--shadow-neon-strong: var(--bc-glow-strong)
	}
}

@layer base {
	*, ::backdrop, ::file-selector-button, :after, :before {
		border: 0 solid;
		box-sizing: border-box;
		margin: 0;
		padding: 0
	}

	:host, html {
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		tab-size: 4;
		-webkit-tap-highlight-color: transparent
	}

	hr {
		border-top-width: 1px;
		color: inherit;
		height: 0
	}

	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
	}

	h1, h2, h3, h4, h5, h6 {
		font-size: inherit;
		font-weight: inherit
	}

	a {
		color: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit
	}

	b, strong {
		font-weight: bolder
	}

	code, kbd, pre, samp {
		font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
		font-feature-settings: var(--default-mono-font-feature-settings, normal);
		font-size: 1em;
		font-variation-settings: var(--default-mono-font-variation-settings, normal)
	}

	small {
		font-size: 80%
	}

	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline
	}

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

	table {
		border-collapse: collapse;
		border-color: inherit;
		text-indent: 0
	}

	:-moz-focusring:where(:not(iframe)) {
		outline: auto
	}

	progress {
		vertical-align: baseline
	}

	summary {
		display: list-item
	}

	menu, ol, ul {
		list-style: none
	}

	audio, canvas, embed, iframe, img, object, svg, video {
		display: block;
		vertical-align: middle
	}

	img, video {
		height: auto;
		max-width: 100%
	}

	::file-selector-button, button, input, optgroup, select, textarea {
		background-color: transparent;
		border-radius: 0;
		color: inherit;
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		opacity: 1
	}

	:where(select:is([multiple],[size])) optgroup {
		font-weight: bolder
	}

	:where(select:is([multiple],[size])) optgroup option {
		padding-inline-start: 20px
	}

	::file-selector-button {
		margin-inline-end: 4px
	}

	::placeholder {
		opacity: 1
	}

	@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
		::placeholder {
			color: currentcolor;
			@supports (color:color-mix(in lab,red,red)) {
				color: color-mix(in oklab, currentcolor 50%, transparent)
			}
		}
	}textarea {
		 resize: vertical
	 }

	::-webkit-search-decoration {
		-webkit-appearance: none
	}

	::-webkit-date-and-time-value {
		min-height: 1lh;
		text-align: inherit
	}

	::-webkit-datetime-edit {
		display: inline-flex
	}

	::-webkit-datetime-edit-fields-wrapper {
		padding: 0
	}

	::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field {
		padding-block: 0
	}

	::-webkit-calendar-picker-indicator {
		line-height: 1
	}

	:-moz-ui-invalid {
		box-shadow: none
	}

	::file-selector-button, button, input:where([type=button],[type=reset],[type=submit]) {
		appearance: button
	}

	::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
		height: auto
	}

	[hidden]:where(:not([hidden=until-found])) {
		display: none !important
	}
}

@layer utilities {
	.grid-bg {
		background-attachment: fixed;
		background-image: linear-gradient(to right, var(--bc-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--bc-grid) 1px, transparent 1px);
		background-size: 44px 44px;
		position: relative;

		&:before {
			background: radial-gradient(ellipse 80% 60% at 50% 0, var(--color-accent), transparent 70%);
			content: "";
			inset: 0;
			pointer-events: none;
			position: fixed;
			z-index: -1;
			@supports (color:color-mix(in lab,red,red)) {
				background: radial-gradient(ellipse 80% 60% at 50% 0, color-mix(in oklab, var(--color-accent) 10%, transparent), transparent 70%)
			}
		}
	}

	.scanline {
		overflow: hidden;
		position: relative;

		&:after {
			background: linear-gradient(to bottom, transparent, var(--color-accent), transparent);
			content: "";
			height: 35%;
			inset-inline: 0;
			opacity: 0;
			pointer-events: none;
			position: absolute;
			top: 0;
			@supports (color:color-mix(in lab,red,red)) {
				background: linear-gradient(to bottom, transparent, color-mix(in oklab, var(--color-accent) 7%, transparent), transparent)
			}
		}
	}

	.pointer-events-auto {
		pointer-events: auto
	}

	.pointer-events-none {
		pointer-events: none
	}

	.collapse {
		visibility: collapse
	}

	.visible {
		visibility: visible
	}

	.sr-only {
		border-width: 0;
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		white-space: nowrap;
		width: 1px
	}

	.absolute, .sr-only {
		position: absolute
	}

	.fixed {
		position: fixed
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

	.sticky {
		position: sticky
	}

	.top-0 {
		top: 0
	}

	.top-16 {
		top: calc(var(--spacing) * 16)
	}

	.right-0 {
		right: 0
	}

	.right-4 {
		right: calc(var(--spacing) * 4)
	}

	.z-40 {
		z-index: 40
	}

	.z-50 {
		z-index: 50
	}

	.col-span-2 {
		grid-column: span 2/span 2
	}

	.col-span-3 {
		grid-column: span 3/span 3
	}

	.col-span-4 {
		grid-column: span 4/span 4
	}

	.col-span-6 {
		grid-column: span 6/span 6
	}

	.container {
		width: 100%;
		@media (width >= 40rem) {
			max-width: 40rem
		}
		@media (width >= 48rem) {
			max-width: 48rem
		}
		@media (width >= 64rem) {
			max-width: 64rem
		}
		@media (width >= 80rem) {
			max-width: 80rem
		}
		@media (width >= 96rem) {
			max-width: 96rem
		}
	}

	.m-16\.5 {
		margin: calc(var(--spacing) * 16.5)
	}

	.m-669 {
		margin: calc(var(--spacing) * 669)
	}

	.m-747 {
		margin: calc(var(--spacing) * 747)
	}

	.m-757 {
		margin: calc(var(--spacing) * 757)
	}

	.m-763 {
		margin: calc(var(--spacing) * 763)
	}

	.m-768 {
		margin: calc(var(--spacing) * 768)
	}

	.m-782 {
		margin: calc(var(--spacing) * 782)
	}

	.m-804 {
		margin: calc(var(--spacing) * 804)
	}

	.m-814 {
		margin: calc(var(--spacing) * 814)
	}

	.m-829 {
		margin: calc(var(--spacing) * 829)
	}

	.m-831\.5 {
		margin: calc(var(--spacing) * 831.5)
	}

	.m-844 {
		margin: calc(var(--spacing) * 844)
	}

	.m-895 {
		margin: calc(var(--spacing) * 895)
	}

	.m-905 {
		margin: calc(var(--spacing) * 905)
	}

	.m-907\.5 {
		margin: calc(var(--spacing) * 907.5)
	}

	.m-964\.5 {
		margin: calc(var(--spacing) * 964.5)
	}

	.m-1579 {
		margin: calc(var(--spacing) * 1579)
	}

	.m-1692 {
		margin: calc(var(--spacing) * 1692)
	}

	.m-1714 {
		margin: calc(var(--spacing) * 1714)
	}

	.m-1739 {
		margin: calc(var(--spacing) * 1739)
	}

	.m-1741\.5 {
		margin: calc(var(--spacing) * 1741.5)
	}

	.m-1805 {
		margin: calc(var(--spacing) * 1805)
	}

	.m-1874\.5 {
		margin: calc(var(--spacing) * 1874.5)
	}

	.mx-auto {
		margin-inline: auto
	}

	.my-1 {
		margin-block: var(--spacing)
	}

	.mt-1 {
		margin-top: var(--spacing)
	}

	.mr-1 {
		margin-right: var(--spacing)
	}

	.mb-0 {
		margin-bottom: 0
	}

	.mb-1 {
		margin-bottom: var(--spacing)
	}

	.mb-4 {
		margin-bottom: calc(var(--spacing) * 4)
	}

	.mb-6 {
		margin-bottom: calc(var(--spacing) * 6)
	}

	.ml-2 {
		margin-left: calc(var(--spacing) * 2)
	}

	.ml-auto {
		margin-left: auto
	}

	.block {
		display: block
	}

	.flex {
		display: flex
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.inline {
		display: inline
	}

	.inline-flex {
		display: inline-flex
	}

	.table {
		display: table
	}

	.size-4 {
		height: calc(var(--spacing) * 4);
		width: calc(var(--spacing) * 4)
	}

	.size-8 {
		height: calc(var(--spacing) * 8);
		width: calc(var(--spacing) * 8)
	}

	.size-9 {
		height: calc(var(--spacing) * 9);
		width: calc(var(--spacing) * 9)
	}

	.h-20 {
		height: calc(var(--spacing) * 20)
	}

	.min-h-screen {
		min-height: 100vh
	}

	.w-48 {
		width: calc(var(--spacing) * 48)
	}

	.w-56 {
		width: calc(var(--spacing) * 56)
	}

	.w-80 {
		width: calc(var(--spacing) * 80)
	}

	.w-auto {
		width: auto
	}

	.w-full {
		width: 100%
	}

	.max-w-\[110rem\] {
		max-width: 110rem
	}

	.max-w-\[calc\(100vw-2rem\)\] {
		max-width: calc(100vw - 2rem)
	}

	.max-w-md {
		max-width: var(--container-md)
	}

	.max-w-prose {
		max-width: 65ch
	}

	.max-w-sm {
		max-width: var(--container-sm)
	}

	.min-w-0 {
		min-width: 0
	}

	.flex-1 {
		flex: 1
	}

	.shrink-0 {
		flex-shrink: 0
	}

	.translate-x-3 {
		--tw-translate-x: calc(var(--spacing) * 3);
		translate: var(--tw-translate-x) var(--tw-translate-y)
	}

	.transform {
		transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
	}

	.list-none {
		list-style-type: none
	}

	.grid-cols-1 {
		grid-template-columns:repeat(1, minmax(0, 1fr))
	}

	.grid-cols-12 {
		grid-template-columns:repeat(12, minmax(0, 1fr))
	}

	.flex-col {
		flex-direction: column
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.items-center {
		align-items: center
	}

	.items-end {
		align-items: flex-end
	}

	.items-start {
		align-items: flex-start
	}

	.items-stretch {
		align-items: stretch
	}

	.justify-between {
		justify-content: space-between
	}

	.justify-center {
		justify-content: center
	}

	.justify-start {
		justify-content: flex-start
	}

	.gap-0\.5 {
		gap: calc(var(--spacing) * .5)
	}

	.gap-1 {
		gap: var(--spacing)
	}

	.gap-1\.5 {
		gap: calc(var(--spacing) * 1.5)
	}

	.gap-2 {
		gap: calc(var(--spacing) * 2)
	}

	.gap-3 {
		gap: calc(var(--spacing) * 3)
	}

	:where(.space-y-0\.5>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-end: calc(var(--spacing) * .5 * (1 - var(--tw-space-y-reverse)));
		margin-block-start: calc(var(--spacing) * .5 * var(--tw-space-y-reverse))
	}

	:where(.space-y-1\.5>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-end: calc(var(--spacing) * 1.5 * (1 - var(--tw-space-y-reverse)));
		margin-block-start: calc(var(--spacing) * 1.5 * var(--tw-space-y-reverse))
	}

	:where(.space-y-2>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-y-reverse)));
		margin-block-start: calc(var(--spacing) * 2 * var(--tw-space-y-reverse))
	}

	:where(.space-y-3>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-end: calc(var(--spacing) * 3 * (1 - var(--tw-space-y-reverse)));
		margin-block-start: calc(var(--spacing) * 3 * var(--tw-space-y-reverse))
	}

	:where(.space-y-4>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-end: calc(var(--spacing) * 4 * (1 - var(--tw-space-y-reverse)));
		margin-block-start: calc(var(--spacing) * 4 * var(--tw-space-y-reverse))
	}

	.gap-x-2 {
		column-gap: calc(var(--spacing) * 2)
	}

	.gap-x-4 {
		column-gap: calc(var(--spacing) * 4)
	}

	.gap-y-2 {
		row-gap: calc(var(--spacing) * 2)
	}

	:where(.divide-y>:not(:last-child)) {
		--tw-divide-y-reverse: 0;
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
		border-top-style: var(--tw-border-style);
		border-top-width: calc(1px * var(--tw-divide-y-reverse))
	}

	:where(.divide-line>:not(:last-child)) {
		border-color: var(--bc-line)
	}

	.truncate {
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.overflow-hidden, .truncate {
		overflow: hidden
	}

	.rounded-lg {
		border-radius: var(--radius-lg)
	}

	.rounded-md {
		border-radius: var(--radius-md)
	}

	.rounded-none {
		border-radius: 0
	}

	.border {
		border-style: var(--tw-border-style);
		border-width: 1px
	}

	.border-0 {
		border-style: var(--tw-border-style);
		border-width: 0
	}

	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px
	}

	.border-l-2 {
		border-left-style: var(--tw-border-style);
		border-left-width: 2px
	}

	.border-accent\/40 {
		border-color: var(--bc-accent);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--bc-accent) 40%, transparent)
		}
	}

	.border-danger\/40 {
		border-color: var(--bc-danger);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--bc-danger) 40%, transparent)
		}
	}

	.border-line {
		border-color: var(--bc-line)
	}

	.border-ok\/40 {
		border-color: var(--bc-ok);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--bc-ok) 40%, transparent)
		}
	}

	.border-warn\/40 {
		border-color: var(--bc-warn);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--bc-warn) 40%, transparent)
		}
	}

	.border-l-accent {
		border-left-color: var(--bc-accent)
	}

	.border-l-danger {
		border-left-color: var(--bc-danger)
	}

	.border-l-warn {
		border-left-color: var(--bc-warn)
	}

	.bg-accent\/10 {
		background-color: var(--bc-accent);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--bc-accent) 10%, transparent)
		}
	}

	.bg-bg {
		background-color: var(--bc-bg)
	}

	.bg-danger\/10 {
		background-color: var(--bc-danger);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--bc-danger) 10%, transparent)
		}
	}

	.bg-ok\/10 {
		background-color: var(--bc-ok);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--bc-ok) 10%, transparent)
		}
	}

	.bg-surface {
		background-color: var(--bc-surface)
	}

	.bg-surface-2 {
		background-color: var(--bc-surface-2)
	}

	.bg-surface\/50 {
		background-color: var(--bc-surface);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--bc-surface) 50%, transparent)
		}
	}

	.bg-surface\/75 {
		background-color: var(--bc-surface);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--bc-surface) 75%, transparent)
		}
	}

	.bg-warn\/10 {
		background-color: var(--bc-warn);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--bc-warn) 10%, transparent)
		}
	}

	.p-0 {
		padding: 0
	}

	.p-0\.5 {
		padding: calc(var(--spacing) * .5)
	}

	.p-1 {
		padding: var(--spacing)
	}

	.p-2 {
		padding: calc(var(--spacing) * 2)
	}

	.p-3 {
		padding: calc(var(--spacing) * 3)
	}

	.p-6 {
		padding: calc(var(--spacing) * 6)
	}

	.px-2 {
		padding-inline: calc(var(--spacing) * 2)
	}

	.px-3 {
		padding-inline: calc(var(--spacing) * 3)
	}

	.px-4 {
		padding-inline: calc(var(--spacing) * 4)
	}

	.py-1 {
		padding-block: var(--spacing)
	}

	.py-1\.5 {
		padding-block: calc(var(--spacing) * 1.5)
	}

	.py-2 {
		padding-block: calc(var(--spacing) * 2)
	}

	.py-3 {
		padding-block: calc(var(--spacing) * 3)
	}

	.py-12 {
		padding-block: calc(var(--spacing) * 12)
	}

	.pt-1 {
		padding-top: var(--spacing)
	}

	.pt-3 {
		padding-top: calc(var(--spacing) * 3)
	}

	.pr-1 {
		padding-right: var(--spacing)
	}

	.pb-3 {
		padding-bottom: calc(var(--spacing) * 3)
	}

	.pl-2 {
		padding-left: calc(var(--spacing) * 2)
	}

	.text-center {
		text-align: center
	}

	.text-left {
		text-align: left
	}

	.text-right {
		text-align: right
	}

	.align-middle {
		vertical-align: middle
	}

	.font-display {
		font-family: Rajdhani, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif
	}

	.font-mono {
		font-family: ui-monospace, JetBrains Mono, Fira Code, SF Mono, Menlo, monospace
	}

	.text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height))
	}

	.text-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height))
	}

	.text-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height))
	}

	.text-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height))
	}

	.leading-snug {
		--tw-leading: var(--leading-snug);
		line-height: var(--leading-snug)
	}

	.font-medium {
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium)
	}

	.font-semibold {
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold)
	}

	.tracking-\[0\.2em\] {
		--tw-tracking: 0.2em;
		letter-spacing: .2em
	}

	.tracking-\[0\.35em\] {
		--tw-tracking: 0.35em;
		letter-spacing: .35em
	}

	.tracking-wide {
		--tw-tracking: var(--tracking-wide);
		letter-spacing: var(--tracking-wide)
	}

	.break-words {
		overflow-wrap: break-word
	}

	.break-all {
		word-break: break-all
	}

	.text-accent {
		color: var(--bc-accent)
	}

	.text-danger {
		color: var(--bc-danger)
	}

	.text-fg {
		color: var(--bc-fg)
	}

	.text-muted {
		color: var(--bc-muted)
	}

	.text-ok {
		color: var(--bc-ok)
	}

	.text-warn {
		color: var(--bc-warn)
	}

	.uppercase {
		text-transform: uppercase
	}

	.tabular-nums {
		--tw-numeric-spacing: tabular-nums;
		font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
	}

	.no-underline {
		text-decoration-line: none
	}

	.antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.opacity-0 {
		opacity: 0
	}

	.filter {
		filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
	}

	.backdrop-blur {
		--tw-backdrop-blur: blur(8px);
		-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
		backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
	}

	.transition {
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
	}

	.transition-colors {
		transition-duration: var(--tw-duration, var(--default-transition-duration));
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
	}

	.duration-200 {
		--tw-duration: 200ms;
		transition-duration: .2s
	}

	.ease-out {
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out)
	}

	.text-glow {
		text-shadow: var(--bc-text-glow)
	}

	@media (hover: hover) {
		.hover\:bg-surface-2\/60:hover {
			background-color: var(--bc-surface-2)
		}

		@supports (color:color-mix(in lab,red,red)) {
			.hover\:bg-surface-2\/60:hover {
				background-color: color-mix(in oklab, var(--bc-surface-2) 60%, transparent)
			}
		}
	}@media (width >= 40rem) {
	.sm\:inline {
		display: inline
	}

	.sm\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr))
	}
}@media (width >= 64rem) {
	.lg\:grid-cols-3 {
		grid-template-columns:repeat(3, minmax(0, 1fr))
	}
}@media (width >= 80rem) {
	.xl\:grid-cols-4 {
		grid-template-columns:repeat(4, minmax(0, 1fr))
	}
}@media (width >= 96rem) {
	.\32 xl\:grid-cols-5 {
		grid-template-columns:repeat(5, minmax(0, 1fr))
	}
}
}

:root {
	--bc-bg: #f2f5fb;
	--bc-surface: #fff;
	--bc-surface-2: #e9eef9;
	--bc-line: #cfd8ee;
	--bc-fg: #0a0e1c;
	--bc-muted: #5a6488;
	--bc-accent: #0e7490;
	--bc-accent-2: #6d28d9;
	--bc-ok: #15803d;
	--bc-warn: #b45309;
	--bc-danger: #be123c;
	--bc-glow: 0 0 0 1px var(--bc-accent);
	@supports (color:color-mix(in lab,red,red)) {
		--bc-glow: 0 0 0 1px color-mix(in oklab, var(--bc-accent) 30%, transparent)
	}
	--bc-glow-strong: 0 0 0 2px var(--bc-accent);
	@supports (color:color-mix(in lab,red,red)) {
		--bc-glow-strong: 0 0 0 2px color-mix(in oklab, var(--bc-accent) 45%, transparent)
	}
	--bc-grid: var(--bc-accent);
	@supports (color:color-mix(in lab,red,red)) {
		--bc-grid: color-mix(in oklab, var(--bc-accent) 8%, transparent)
	}
	--bc-text-glow: none;
	--bc-spark-low: var(--bc-ok);
	--bc-spark-mid: var(--bc-accent);
	--bc-spark-high: var(--bc-danger);
	--bc-hl-keyword: #7c2d92;
	--bc-hl-type: #0e7490;
	--bc-hl-value: #9a3412;
	--bc-hl-number: #9a3412;
	--bc-hl-variable: #1e40af;
	--bc-hl-property: #155e75;
	--bc-hl-attribute: #6d28d9;
	--bc-hl-comment: #6b7280
}

[data-theme=dark] {
	--bc-bg: #04050d;
	--bc-surface: #0a0e1f;
	--bc-surface-2: #111733;
	--bc-line: #1f2a55;
	--bc-fg: #e4ebff;
	--bc-muted: #8794bd;
	--bc-accent: #22d3ee;
	--bc-accent-2: #a855f7;
	--bc-ok: #4ade80;
	--bc-warn: #fbbf24;
	--bc-danger: #fb7185;
	--bc-glow: 0 0 18px -6px var(--bc-accent);
	@supports (color:color-mix(in lab,red,red)) {
		--bc-glow: 0 0 18px -6px color-mix(in oklab, var(--bc-accent) 65%, transparent)
	}
	--bc-glow-strong: 0 0 28px -4px var(--bc-accent);
	@supports (color:color-mix(in lab,red,red)) {
		--bc-glow-strong: 0 0 28px -4px color-mix(in oklab, var(--bc-accent) 80%, transparent)
	}
	--bc-grid: var(--bc-accent);
	@supports (color:color-mix(in lab,red,red)) {
		--bc-grid: color-mix(in oklab, var(--bc-accent) 14%, transparent)
	}
	--bc-text-glow: 0 0 12px currentColor;
	@supports (color:color-mix(in lab,red,red)) {
		--bc-text-glow: 0 0 12px color-mix(in oklab, currentColor 50%, transparent)
	}
	--bc-hl-keyword: #f472b6;
	--bc-hl-type: #22d3ee;
	--bc-hl-value: #fdba74;
	--bc-hl-number: #fdba74;
	--bc-hl-variable: #a5b4fc;
	--bc-hl-property: #7dd3fc;
	--bc-hl-attribute: #c084fc;
	--bc-hl-comment: #64748b
}

@layer base {
	html {
		color-scheme: light
	}

	[data-theme=dark] {
		color-scheme: dark
	}

	body {
		background-color: var(--color-bg);
		color: var(--color-fg)
	}

	:focus-visible {
		border-radius: .25rem;
		outline: 2px solid var(--color-accent);
		outline-offset: 2px
	}

	::selection {
		background-color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-accent) 35%, transparent)
		}
		color: var(--color-fg)
	}

	input[type=checkbox], input[type=radio] {
		accent-color: var(--color-accent)
	}

	* {
		scrollbar-color: var(--color-line) transparent
	}
}

@layer components {
	.panel {
		background-color: var(--color-surface);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-surface) 85%, transparent)
		}
		backdrop-filter: blur(8px);
		border: 1px solid var(--color-line);
		border-radius: .75rem
	}

	.panel-glow {
		box-shadow: var(--shadow-neon)
	}

	.panel-accent {
		overflow: hidden;
		position: relative
	}

	.panel-accent:after {
		background: linear-gradient(to right, transparent, var(--color-accent), var(--color-accent-2), transparent);
		content: "";
		height: 1px;
		inset-inline: 0;
		position: absolute;
		top: 0
	}

	.chip {
		--chip: var(--color-muted);
		align-items: center;
		border: 1px solid var(--chip);
		border-radius: .375rem;
		display: inline-flex;
		gap: .25rem;
		padding: .125rem .5rem;
		@supports (color:color-mix(in lab,red,red)) {
			border-bottom-color: color-mix(in oklab, var(--chip) 35%, transparent);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-left-color: color-mix(in oklab, var(--chip) 35%, transparent);
			border-left-style: solid;
			border-left-width: 1px;
			border-right-color: color-mix(in oklab, var(--chip) 35%, transparent);
			border-right-style: solid;
			border-right-width: 1px;
			border-top-color: color-mix(in oklab, var(--chip) 35%, transparent);
			border-top-style: solid;
			border-top-width: 1px
		}
		background-color: var(--chip);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--chip) 12%, var(--color-surface))
		}
		color: var(--chip);
		@supports (color:color-mix(in lab,red,red)) {
			color: color-mix(in oklab, var(--chip) 80%, var(--color-fg))
		}
		font-size: .75rem;
		line-height: 1.25rem;
		white-space: nowrap
	}

	.chip-ok {
		--chip: var(--color-ok)
	}

	.chip-warn {
		--chip: var(--color-warn)
	}

	.chip-danger {
		--chip: var(--color-danger)
	}

	.chip-info {
		--chip: var(--color-accent)
	}

	.chip-accent {
		--chip: var(--color-accent-2)
	}

	.chip-lg {
		font-size: .875rem;
		padding: .25rem .625rem
	}

	.chip-copy {
		cursor: pointer;
		font: inherit;
		font-size: .75rem;
		transition: border-color .15s, background-color .15s
	}

	.chip-copy:hover {
		border-color: var(--chip);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--chip) 65%, transparent)
		}
		background-color: var(--chip);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--chip) 22%, var(--color-surface))
		}
	}

	.btn {
		--btn: var(--color-accent);
		align-items: center;
		background-color: var(--color-surface);
		border: 1px solid var(--color-line);
		border-radius: .5rem;
		display: inline-flex;
		gap: .375rem;
		justify-content: center;
		padding: .375rem .75rem;
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-surface) 70%, transparent)
		}
		color: var(--color-fg);
		cursor: pointer;
		font-size: .875rem;
		font-weight: 500;
		line-height: 1.25rem;
		transition: background-color .15s, border-color .15s, box-shadow .15s, color .15s;
		white-space: nowrap
	}

	.btn:hover:not(:disabled) {
		border-color: var(--btn);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--btn) 55%, var(--color-line))
		}
		color: var(--btn);
		@supports (color:color-mix(in lab,red,red)) {
			color: color-mix(in oklab, var(--btn) 70%, var(--color-fg))
		}
	}

	.btn:disabled, .btn[aria-disabled=true] {
		cursor: not-allowed;
		opacity: .5
	}

	.btn-sm {
		font-size: .8125rem;
		padding: .25rem .5rem
	}

	.btn-icon {
		padding: .375rem
	}

	.btn-ghost {
		background-color: transparent;
		border-color: transparent;
		color: var(--color-muted)
	}

	.btn-ghost:hover:not(:disabled) {
		background-color: var(--btn);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--btn) 12%, transparent)
		}
		border-color: var(--btn);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--btn) 35%, transparent)
		}
		color: var(--btn);
		@supports (color:color-mix(in lab,red,red)) {
			color: color-mix(in oklab, var(--btn) 75%, var(--color-fg))
		}
	}

	.btn-accent {
		background-color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-surface))
		}
		border-color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			border-color: color-mix(in oklab, var(--color-accent) 55%, transparent)
		}
		color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			color: color-mix(in oklab, var(--color-accent) 85%, var(--color-fg))
		}
		box-shadow: var(--shadow-neon)
	}

	.btn-accent:hover:not(:disabled) {
		background-color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-surface))
		}
		box-shadow: var(--shadow-neon-strong)
	}

	.btn-ok {
		--btn: var(--color-ok)
	}

	.btn-warn {
		--btn: var(--color-warn)
	}

	.btn-danger {
		--btn: var(--color-danger)
	}

	.input {
		background-color: var(--color-surface-2);
		border: 1px solid var(--color-line);
		border-radius: .5rem;
		padding: .375rem .625rem;
		width: 100%;
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-surface-2) 60%, transparent)
		}
		color: var(--color-fg);
		font-size: .875rem;
		line-height: 1.25rem;
		transition: border-color .15s, box-shadow .15s
	}

	.input::placeholder {
		color: var(--color-muted)
	}

	.input:focus {
		border-color: var(--color-accent);
		box-shadow: var(--shadow-neon);
		outline: none
	}

	.input[aria-invalid=true] {
		border-color: var(--color-danger)
	}

	.led {
		--led: var(--color-muted);
		background-color: var(--led);
		border-radius: 9999px;
		box-shadow: 0 0 0 3px var(--led);
		display: inline-block;
		flex: none;
		height: .625rem;
		position: relative;
		width: .625rem;
		@supports (color:color-mix(in lab,red,red)) {
			box-shadow: 0 0 0 3px color-mix(in oklab, var(--led) 20%, transparent)
		}
	}

	.led:after {
		animation: bc-led-breathe 2.8s ease-in-out infinite;
		border-radius: inherit;
		box-shadow: 0 0 10px 2px var(--led);
		content: "";
		inset: 0;
		position: absolute
	}

	.led-ok {
		--led: var(--color-ok)
	}

	.led-danger {
		--led: var(--color-danger)
	}

	.led-danger:after {
		animation-duration: 1.1s
	}

	.code {
		background-color: var(--color-surface-2);
		border: 1px solid var(--color-line);
		border-radius: .5rem;
		counter-reset: listing;
		font-family: var(--font-mono);
		font-size: .8125rem;
		line-height: 1.5rem;
		overflow-x: auto
	}

	.code code {
		color: var(--color-fg);
		counter-increment: listing;
		display: block;
		min-width: 100%;
		white-space: pre;
		width: max-content
	}

	.code code:before {
		background-color: var(--color-surface-2);
		color: var(--color-muted);
		content: counter(listing);
		display: inline-block;
		left: 0;
		padding-right: 1em;
		position: sticky;
		text-align: right;
		user-select: none;
		width: 4em
	}

	.code code.selected {
		background-color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-accent) 14%, transparent)
		}
		box-shadow: inset 3px 0 0 0 var(--color-accent);
		color: var(--color-fg)
	}

	.code code.selected:before {
		background-color: var(--color-accent);
		color: var(--color-accent);
		@supports (color:color-mix(in lab,red,red)) {
			background-color: color-mix(in oklab, var(--color-accent) 14%, var(--color-surface-2))
		}
	}

	.code .hl-keyword {
		color: var(--bc-hl-keyword)
	}

	.code .hl-property {
		color: var(--bc-hl-property)
	}

	.code .hl-type {
		color: var(--bc-hl-type)
	}

	.code .hl-literal, .code .hl-value {
		color: var(--bc-hl-value)
	}

	.code .hl-number {
		color: var(--bc-hl-number)
	}

	.code .hl-variable {
		color: var(--bc-hl-variable)
	}

	.code .hl-attribute {
		color: var(--bc-hl-attribute)
	}

	.code .hl-generic {
		color: var(--bc-hl-type)
	}

	.code .hl-operator {
		color: var(--color-muted)
	}

	.code .hl-comment {
		color: var(--bc-hl-comment);
		font-style: italic
	}

	.sparkline mask polyline {
		stroke: #fff
	}

	.sparkline svg {
		display: block;
		height: 1.25rem;
		width: 100%
	}

	.timeline {
		border-left: 1px solid var(--color-accent);
		list-style: none;
		margin: 0;
		padding-left: 1.5rem;
		position: relative;
		@supports (color:color-mix(in lab,red,red)) {
			border-left-color: color-mix(in oklab, var(--color-accent) 45%, var(--color-line));
			border-left-style: solid;
			border-left-width: 1px
		}
	}

	.timeline-item {
		position: relative
	}

	.timeline-item:after {
		background-color: var(--color-accent);
		border-radius: 9999px;
		box-shadow: 0 0 8px 1px var(--color-accent);
		content: "";
		display: block;
		height: 9px;
		left: calc(-1.5rem - 5px);
		position: absolute;
		top: .45rem;
		width: 9px;
		@supports (color:color-mix(in lab,red,red)) {
			box-shadow: 0 0 8px 1px color-mix(in oklab, var(--color-accent) 70%, transparent)
		}
	}
}

[data-theme=dark] .scanline:after {
	animation: bc-scan 7s linear infinite;
	opacity: 1
}

@keyframes bc-led-breathe {
	0%, to {
		opacity: .35
	}
	50% {
		opacity: 1
	}
}

@keyframes bc-scan {
	0% {
		transform: translateY(-100%)
	}
	to {
		transform: translateY(300%)
	}
}

@keyframes bc-pulse-ring {
	0% {
		box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-accent) 45%, transparent)
	}
	70% {
		box-shadow: 0 0 0 8px transparent
	}
	to {
		box-shadow: 0 0 0 0 transparent
	}
}

@media (prefers-reduced-motion: reduce) {
	.led:after, .scanline:after, [data-theme=dark] .scanline:after {
		animation: none
	}

	.led:after {
		opacity: .8
	}

	*, :after, :before {
		transition-duration: .01ms !important
	}
}

@property --tw-translate-x {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-translate-y {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-translate-z {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-rotate-x {
	syntax: "*";
	inherits: false
}

@property --tw-rotate-y {
	syntax: "*";
	inherits: false
}

@property --tw-rotate-z {
	syntax: "*";
	inherits: false
}

@property --tw-skew-x {
	syntax: "*";
	inherits: false
}

@property --tw-skew-y {
	syntax: "*";
	inherits: false
}

@property --tw-space-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-divide-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

@property --tw-leading {
	syntax: "*";
	inherits: false
}

@property --tw-font-weight {
	syntax: "*";
	inherits: false
}

@property --tw-tracking {
	syntax: "*";
	inherits: false
}

@property --tw-ordinal {
	syntax: "*";
	inherits: false
}

@property --tw-slashed-zero {
	syntax: "*";
	inherits: false
}

@property --tw-numeric-figure {
	syntax: "*";
	inherits: false
}

@property --tw-numeric-spacing {
	syntax: "*";
	inherits: false
}

@property --tw-numeric-fraction {
	syntax: "*";
	inherits: false
}

@property --tw-blur {
	syntax: "*";
	inherits: false
}

@property --tw-brightness {
	syntax: "*";
	inherits: false
}

@property --tw-contrast {
	syntax: "*";
	inherits: false
}

@property --tw-grayscale {
	syntax: "*";
	inherits: false
}

@property --tw-hue-rotate {
	syntax: "*";
	inherits: false
}

@property --tw-invert {
	syntax: "*";
	inherits: false
}

@property --tw-opacity {
	syntax: "*";
	inherits: false
}

@property --tw-saturate {
	syntax: "*";
	inherits: false
}

@property --tw-sepia {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow-color {
	syntax: "*";
	inherits: false
}

@property --tw-drop-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%
}

@property --tw-drop-shadow-size {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-blur {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-brightness {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-contrast {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-grayscale {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-hue-rotate {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-invert {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-opacity {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-saturate {
	syntax: "*";
	inherits: false
}

@property --tw-backdrop-sepia {
	syntax: "*";
	inherits: false
}

@property --tw-duration {
	syntax: "*";
	inherits: false
}

@property --tw-ease {
	syntax: "*";
	inherits: false
}

@layer properties {
	@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
		*, ::backdrop, :after, :before {
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-space-y-reverse: 0;
			--tw-divide-y-reverse: 0;
			--tw-border-style: solid;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-ordinal: initial;
			--tw-slashed-zero: initial;
			--tw-numeric-figure: initial;
			--tw-numeric-spacing: initial;
			--tw-numeric-fraction: initial;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial
		}
	}
}