@property --hx-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hx-hue-data{--hue:#00a06d;--hue-ink:#006a47}@supports (color:lab(0% 0 0)){.hx-hue-data{--hue:lab(57.8979% -51.5529 16.7057);--hue-ink:lab(38.939% -41.4752 13.4027)}}.hx-hue-code{--hue:#00a6b3;--hue-ink:#006a79}@supports (color:lab(0% 0 0)){.hx-hue-code{--hue:lab(61.6712% -38.1774 -20.3629);--hue-ink:lab(40.4133% -27.125 -18.3792)}}.hx-hue-text{--hue:#df911a;--hue-ink:#9a5505}@supports (color:lab(0% 0 0)){.hx-hue-text{--hue:lab(67.1959% 24.4167 67.5432);--hue-ink:lab(43.7964% 25.6373 51.1742)}}.hx-hue-utility{--hue:#8b61e3;--hue-ink:#683eb6}@supports (color:lab(0% 0 0)){.hx-hue-utility{--hue:lab(50.6581% 39.395 -61.3855);--hue-ink:lab(36.6729% 39.4466 -57.9993)}}.hx-hue-learn{--hue:#ec4764;--hue-ink:#ba2840}@supports (color:lab(0% 0 0)){.hx-hue-learn{--hue:lab(56.0179% 64.7613 22.4651);--hue-ink:lab(42.3668% 57.9913 24.8035)}}.dark .hx-hue-data{--hue:#2ad699;--hue-ink:#77ecb8}@supports (color:lab(0% 0 0)){.dark .hx-hue-data{--hue:lab(76.5984% -54.4241 17.7256);--hue-ink:lab(85.4917% -43.6108 14.2993)}}.dark .hx-hue-code{--hue:#2ad5e5;--hue-ink:#88e6f0}@supports (color:lab(0% 0 0)){.dark .hx-hue-code{--hue:lab(77.9251% -38.4876 -20.4923);--hue-ink:lab(85.7151% -26.9768 -14.3604)}}.dark .hx-hue-text{--hue:#fcb442;--hue-ink:#ffcf7b}@supports (color:lab(0% 0 0)){.dark .hx-hue-text{--hue:lab(79.0006% 19.667 65.9588);--hue-ink:lab(86.1914% 11.0564 50.0762)}}.dark .hx-hue-utility{--hue:#ad8dff;--hue-ink:#cebfff}@supports (color:lab(0% 0 0)){.dark .hx-hue-utility{--hue:lab(65.1519% 32.5305 -55.3073);--hue-ink:lab(79.9637% 20.7937 -39.5906)}}.dark .hx-hue-learn{--hue:#ff7a89;--hue-ink:#ffb6b8}@supports (color:lab(0% 0 0)){.dark .hx-hue-learn{--hue:lab(67.9669% 55.1387 18.472);--hue-ink:lab(81.3362% 38.5871 15.088)}}.hx-hero{isolation:isolate;position:relative}.hx-aurora{z-index:-2;pointer-events:none;filter:blur(90px)saturate(140%);opacity:.32;height:820px;position:absolute;inset:-120px -10% auto}.dark .hx-aurora{opacity:.4}.hx-aurora span{will-change:transform;border-radius:9999px;position:absolute}.hx-aurora span:first-child{background:#2f75ff;background:lab(51.1869% 18.2351 -77.1786);width:46%;height:60%;animation:18s ease-in-out infinite alternate hx-drift-a;top:8%;left:8%}.hx-aurora span:nth-child(2){background:#00b8d8;background:lab(68.3796% -34.9284 -29.442);width:40%;height:55%;animation:22s ease-in-out infinite alternate hx-drift-b;top:0;right:6%}.hx-aurora span:nth-child(3){opacity:.7;background:#8c5ee8;background:lab(50.4352% 42.1388 -64.5549);width:34%;height:45%;animation:26s ease-in-out infinite alternate hx-drift-c;top:34%;left:38%}@keyframes hx-drift-a{to{transform:translate(12%,10%)scale(1.15)}}@keyframes hx-drift-b{to{transform:translate(-14%,16%)scale(.9)}}@keyframes hx-drift-c{to{transform:translate(10%,-18%)scale(1.2)}}.hx-floor{z-index:-1;perspective:520px;pointer-events:none;height:520px;position:absolute;top:340px;left:-25%;right:-25%;-webkit-mask-image:radial-gradient(60% 70% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 0,#000 20%,#0000 75%)}.hx-floor:before{content:"";transform-origin:50% 0;background-image:linear-gradient(to right, color-mix(in oklab, var(--primary) 38%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--primary) 38%, transparent) 1px, transparent 1px);opacity:.5;background-size:56px 56px;animation:2.8s linear infinite hx-floor;position:absolute;inset:0 0 -60%;transform:rotateX(68deg)}.dark .hx-floor:before{opacity:.7}@keyframes hx-floor{to{background-position:0 56px}}.hx-title{background-image:linear-gradient(180deg, var(--foreground) 35%, color-mix(in oklab, var(--foreground) 62%, transparent));color:#0000;-webkit-background-clip:text;background-clip:text}.hx-shine{background-image:linear-gradient(90deg, var(--primary), #22cde5, #a27dfa, var(--primary));color:#0000;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite hx-shine}@supports (color:lab(0% 0 0)){.hx-shine{background-image:linear-gradient(90deg, var(--primary), lab(75.4572% -35.8728 -24.0775), lab(60.2763% 35.4584 -58.3885), var(--primary))}}@keyframes hx-shine{to{background-position:300%}}.hx-search{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);box-shadow:0 1px 0 0 color-mix(in oklab, var(--foreground) 6%, transparent) inset, 0 20px 50px -20px #00000059;border-radius:16px;transition:box-shadow .3s;position:relative}.hx-search:before{content:"";border-radius:inherit;background:conic-gradient(from var(--hx-angle), transparent 0 55%, var(--primary) 72%, #22cde5 84%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .35s;animation:4s linear infinite hx-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@supports (color:lab(0% 0 0)){.hx-search:before{background:conic-gradient(from var(--hx-angle), transparent 0 55%, var(--primary) 72%, lab(75.4572% -35.8728 -24.0775) 84%, transparent 100%)}}.hx-search:hover:before{opacity:.55}.hx-search:focus-within:before{opacity:1}.hx-search:focus-within{box-shadow:0 1px 0 0 color-mix(in oklab, var(--foreground) 6%, transparent) inset, 0 24px 60px -18px color-mix(in oklab, var(--primary) 45%, transparent)}@keyframes hx-spin{to{--hx-angle:360deg}}.hx-stage{--px:0;--py:0;aspect-ratio:540/470;perspective:1400px;perspective-origin:50% 40%;width:100%;max-width:540px;animation:7s ease-in-out infinite hx-bob;position:relative}@keyframes hx-bob{50%{transform:translateY(-10px)}}.hx-scene{transform-style:preserve-3d;transform:rotateX(calc(14deg + var(--py) * -12deg)) rotateY(calc(-24deg + var(--px) * 18deg));transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.hx-layer{transform-style:preserve-3d;transform:translate3d(0, 0, var(--z,0px));position:absolute}.hx-panel{border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);background:color-mix(in oklab, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 0 color-mix(in oklab, var(--foreground) 8%, transparent) inset, 0 40px 80px -30px #0000008c, 0 0 0 1px color-mix(in oklab, var(--hue,var(--primary)) 10%, transparent);font-family:var(--font-mono);color:var(--muted-foreground);border-radius:16px;font-size:12px;line-height:1.7}.hx-panel-bar{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;font-size:11px;display:flex}.hx-dot{background:var(--border);border-radius:9999px;width:9px;height:9px}.hx-dot:first-child{background:#fa6863;background:lab(63.4204% 56.5783 32.9929)}.hx-dot:nth-child(2){background:#f0bb3b;background:lab(79.3236% 11.1274 68.2268)}.hx-dot:nth-child(3){background:#55c975;background:lab(73.0214% -48.2345 31.718)}.hx-code{white-space:pre;padding:12px 16px 16px}.hx-k{color:var(--code-property)}.hx-s{color:var(--code-string)}.hx-n{color:var(--code-operator)}.hx-p{color:var(--code-punctuation)}.hx-chip{font-family:var(--font-sans);color:var(--foreground);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:9px 13px;font-size:12.5px;font-weight:600;animation:6s ease-in-out infinite hx-float;display:inline-flex}.hx-chip-icon{background:color-mix(in oklab, var(--hue) 22%, transparent);width:22px;height:22px;color:var(--hue-ink);border-radius:7px;place-items:center;display:grid}@keyframes hx-float{50%{transform:translateY(-12px)}}.hx-ring{border:1px dashed color-mix(in oklab, var(--primary) 45%, transparent);border-radius:9999px;width:300px;height:300px;animation:30s linear infinite hx-orbit;transform:rotateX(78deg)}@keyframes hx-orbit{to{transform:rotateX(78deg)rotate(360deg)}}.hx-card{--rx:0deg;--ry:0deg;--mx:-999px;--my:-999px;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklab, var(--card) 96%, transparent), color-mix(in oklab, var(--card) 78%, transparent));box-shadow:0 1px 0 0 color-mix(in oklab, var(--foreground) 5%, transparent) inset;border-radius:16px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s;position:relative}.hx-card:before{content:"";border-radius:inherit;background:radial-gradient(280px circle at var(--mx) var(--my), var(--hue,var(--primary)), transparent 65%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hx-card:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in oklab, var(--hue,var(--primary)) 16%, transparent), transparent 45%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.hx-grid:hover .hx-card:before,.hx-card[data-active]:after{opacity:1}.hx-card[data-active]{box-shadow:0 1px 0 0 color-mix(in oklab, var(--foreground) 6%, transparent) inset, 0 30px 60px -24px color-mix(in oklab, var(--hue,var(--primary)) 40%, #00000080);transition:transform .12s linear,box-shadow .35s,border-color .25s}.hx-card:focus-visible{outline:2px solid var(--hue,var(--primary));outline-offset:3px}.hx-lift{transition:transform .4s;transform:translateZ(34px)}.hx-lift-sm{transform:translateZ(18px)}.hx-icon{color:var(--hue-ink);background:linear-gradient(135deg, color-mix(in oklab, var(--hue) 26%, transparent), color-mix(in oklab, var(--hue) 6%, transparent));border:1px solid color-mix(in oklab, var(--hue) 32%, transparent);box-shadow:0 10px 24px -12px color-mix(in oklab, var(--hue) 70%, transparent);border-radius:12px;place-items:center;display:grid}.hx-filterbar{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:color-mix(in oklab, var(--background) 72%, transparent)}@media (max-width:767px){.hx-chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hx-reveal{animation:linear both hx-rise;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes hx-rise{0%{opacity:0;transform:perspective(1000px)translateY(48px)rotateX(22deg)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hx-enter{animation:.9s cubic-bezier(.2,.8,.2,1) both hx-enter;animation-delay:calc(var(--i,0) * 90ms)}}@keyframes hx-enter{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.hx-aurora span,.hx-floor:before,.hx-shine,.hx-search:before,.hx-stage,.hx-chip,.hx-ring{animation:none!important}.hx-scene,.hx-card{transition:none}}