.theme-blox{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b1026;--background:#0b1026;--foreground:#f5faff;--ink:#f5faff;--card:#162554;--raised:#1b2d64;--popover:#162554;--muted:#111b3a;--secondary:#111b3a;--accent:#1d3070;--peach:#1d3070;--sand:#2a3b72;--muted-foreground:#c3cee4;--subtle:#94a3b8;--border:#2a3b72;--border-strong:#3d5296;--input:#3d5296;--ring:#22d3ee;--primary:#2563eb;--primary-foreground:#fff;--destructive:#ff7a88;--brand:#3b82ff;--brand-strong:#2563eb;--brand-ink:#8ab8ff;--rust:#1e40af;--mine:#22d3ee;--up:#a3ff3d;--down:#ff7a88;--warn:#ffb547;--chart-1:#22d3ee;--chart-2:#3b82ff;--chart-3:#a3ff3d;--chart-4:#ff8b3d;--ramp-1:#2563eb;--ramp-2:#3b82ff;--ramp-3:#22d3ee;--grid:#94a3b81f;--event-line:#22d3ee73;--scrim:#0508149e;--lift:0 1px 0 0 #ffffff0f inset, 0 24px 48px -24px #000c, 0 2px 8px -2px #00000080;--lift-strong:0 1px 0 0 #ffffff12 inset, 0 36px 72px -30px #000000d9, 0 4px 14px -4px #0000008c;--blox-lime:#a3ff3d;--blox-orange:#ff8b3d;--blox-cyan:#22d3ee;--blox-blue:#3b82ff;background:var(--ground);color:var(--foreground);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;scrollbar-color:#2a3b72 transparent}html:has(.theme-blox){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1026}html:has(.theme-blox) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1026}.theme-blox ::selection{color:#f5faff;background:#22d3ee59}.theme-blox input[type=range]{accent-color:#22d3ee}.theme-blox :focus-visible{outline-color:#22d3ee}.blox-display{font-family:var(--font-lilita), var(--font-inter), sans-serif;letter-spacing:.005em;text-wrap:balance;font-weight:400;line-height:1}.blox-action{background:#2563eb;box-shadow:inset 0 1px #ffffff47,inset 0 -3px #0a195073,0 14px 28px -14px #2563ebe6}.blox-action:hover{background:#2f6cf2}.blox-panel{box-shadow:var(--lift);background:linear-gradient(#19295c 0%,#162554 100%);border:1px solid #2a3b72;border-radius:1.25rem}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.blox-drift{animation:14s ease-in-out infinite alternate blox-drift}.blox-float{animation:blox-float var(--float-dur,7s) ease-in-out var(--float-delay,0s) infinite alternate}.blox-spin{animation:blox-spin var(--spin-dur,18s) linear infinite}.blox-glow{animation:3.2s ease-in-out infinite blox-glow}.blox-marquee{animation:blox-marquee var(--marquee-dur,60s) linear infinite}.blox-marquee.reverse{animation-direction:reverse}.blox-marquee-wrap:hover .blox-marquee,.blox-marquee-wrap:focus-within .blox-marquee{animation-play-state:paused}.blox-pop{animation:.5s cubic-bezier(.16,1,.3,1) both blox-pop}.blox-rise{animation:.45s cubic-bezier(.16,1,.3,1) both blox-rise}.blox-swap{animation:.45s cubic-bezier(.16,1,.3,1) both blox-swap}.blox-bob{animation:2.6s ease-in-out infinite blox-bob}.blox-live{animation:1.8s ease-in-out infinite blox-live}}@keyframes blox-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-1.2%,-1.6%)scale(1.035)}}@keyframes blox-float{0%{transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--float-x,6px), var(--float-y,-18px), 0) rotate(var(--float-r,8deg))}}@keyframes blox-spin{to{transform:rotate(360deg)}}@keyframes blox-glow{50%{filter:drop-shadow(0 0 18px #22d3ee8c)brightness(1.08)}}@keyframes blox-marquee{to{transform:translate(-50%)}}@keyframes blox-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}}@keyframes blox-swap{0%{transform:translateY(10px)scale(.97)}}@keyframes blox-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes blox-bob{50%{transform:translateY(-6px)}}@keyframes blox-live{50%{box-shadow:0 0 0 6px #a3ff3d00}0%,to{box-shadow:0 0 #a3ff3d73}}.blox-scene-mask{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 100%),linear-gradient(#0000 0%,#000 12% 68%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 100%),linear-gradient(#0000 0%,#000 12% 68%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:1023px){.blox-scene-mask{-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 74%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 74%,#0000 100%)}}
