.hx{--hx-sh: color-mix(in srgb, #0F0F0F 6%, transparent);--hx-sh-hi: color-mix(in srgb, #0F0F0F 9%, transparent);--hx-glow: 3.5%;--hx-alert-bg: var(--ink);--hx-alert-fg: var(--bg);font-variant-numeric:tabular-nums}:root[data-theme=dark] .hx{--hx-sh: rgba(0, 0, 0, .28);--hx-sh-hi: rgba(0, 0, 0, .38);--hx-glow: 2.5%;--hx-alert-bg: color-mix(in srgb, var(--accent) 13%, var(--bg-sunk));--hx-alert-fg: var(--ink)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .hx{--hx-sh: rgba(0, 0, 0, .28);--hx-sh-hi: rgba(0, 0, 0, .38);--hx-glow: 2.5%;--hx-alert-bg: color-mix(in srgb, var(--accent) 13%, var(--bg-sunk));--hx-alert-fg: var(--ink)}}.hx-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hx-oi{grid-column:span 4}.hx-strike{grid-column:span 2}.hx-build,.hx-vol,.hx-ba,.hx-zones{grid-column:span 3}.hx-alert{grid-column:1 / -1}.hx-cell{--cx: 50%;--cy: 0%;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:11px;padding:15px 16px 14px;background:var(--card);border:1px solid var(--line);border-radius:20px;outline:none;box-shadow:0 6px 18px var(--hx-sh);transition:transform .8s var(--ease-out),box-shadow .8s var(--ease-out),border-color .6s var(--ease-out),opacity .6s var(--ease-out)}.hx-cell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-out);background:radial-gradient(220px circle at var(--cx) var(--cy),color-mix(in srgb,var(--accent) var(--hx-glow),transparent),transparent 70%)}.hx-cell>*{position:relative;z-index:1}.hx-cell:hover,.hx-cell:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--line));box-shadow:0 8px 20px var(--hx-sh-hi)}.hx-cell:hover:before,.hx-cell:focus-visible:before{opacity:1}.hx-grid:has(.hx-cell:hover) .hx-cell:not(:hover){opacity:.86}.hx-cell header{display:flex;align-items:center;gap:8px}.hx-cell h3{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.01em}.hx-tag{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:7px;font-size:11px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.hx-pill{margin-left:auto;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--ink-3)}.hx-pill.is-accent{border-color:transparent;color:#fff;background:var(--accent);font-weight:700;letter-spacing:.05em}.hx-note{margin:auto 0 0;font-size:11px;line-height:1.4;color:var(--ink-3);transition:color .3s}.hx-cell:hover .hx-note{color:var(--ink-2)}.hx .is-dn{color:var(--down-ink)}.js .hx:not(.is-in) .hx-cell{opacity:0;transform:translateY(18px) scale(.97)}.hx.is-in .hx-cell{transition-delay:calc(var(--i, 0) * 80ms)}.hx.is-in .hx-cell:hover{transition-delay:0s}.hx-oi-rows{display:grid;gap:12px}.hx-oi-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"s f f" "t t p";gap:2px 10px;align-items:baseline}.hx-side{grid-area:s;font-size:11px;color:var(--ink-3)}.hx-oi-fig{grid-area:f;display:flex;align-items:baseline;gap:8px}.hx-oi-fig b{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1}.hx-oi-fig em{font-style:normal;font-size:12px;font-weight:600}.is-call .hx-oi-fig em{color:var(--down-ink)}.is-put .hx-oi-fig em{color:var(--up-ink)}.hx-prevtxt{grid-area:p;font-size:11px;color:var(--ink-3);align-self:center}.hx-track{grid-area:t;grid-column:1 / 3;position:relative;display:flex;height:12px;margin-top:6px;border-radius:6px;background:color-mix(in srgb,var(--ink) 6%,transparent)}.hx-track i{display:block;height:100%;width:var(--w);transform-origin:0 50%;position:relative}.hx-prev{border-radius:6px 0 0 6px;background:color-mix(in srgb,var(--ink) 30%,transparent)}.hx-add{border-radius:0 6px 6px 0}.is-call .hx-add{background:repeating-linear-gradient(90deg,var(--down) 0 2px,color-mix(in srgb,var(--down) 55%,transparent) 2px 4px)}.is-put .hx-add{background:repeating-linear-gradient(90deg,var(--up) 0 2px,color-mix(in srgb,var(--up) 55%,transparent) 2px 4px)}.hx-add u{position:absolute;right:0;bottom:calc(100% + 5px);padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--hx-alert-fg);background:var(--hx-alert-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s var(--ease-out)}.hx-oi:hover .hx-add u{opacity:1;transform:none}.hx-oi:hover .hx-add{filter:saturate(1.35)}.js .hx:not(.is-in) .hx-track i{transform:scaleX(0)}.hx.is-in .hx-track i{transition:transform 1s var(--ease-out) .5s}.hx-strike-fig{display:grid;gap:3px}.hx-strike-fig b{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1}.hx-strike-fig span{font-size:11px;color:var(--ink-3)}.hx-ruler{width:100%;height:auto;overflow:visible;margin-top:-2px}.hx-rule{stroke:var(--line-strong);stroke-width:1.5}.hx-ticks line{stroke:var(--ink-3);stroke-width:1.4;stroke-linecap:round}.hx-ticks line.is-atm{stroke:var(--accent);stroke-width:2.4}.hx-ruler text{font-size:11px;fill:var(--ink-3)}.hx-ruler text.is-atm{fill:var(--accent);font-weight:700}.hx-spotmark path{fill:var(--ink)}.hx-spotmark line{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:2 2}.hx-spotmark{animation:hx-bob 3.4s ease-in-out infinite}@keyframes hx-bob{0%,to{transform:translate(-9px)}50%{transform:translate(7px)}}.hx-strike:hover .hx-spotmark{animation-duration:1.6s}.hx-strike:hover .hx-ticks line.is-atm{stroke-width:3.4}.hx-build-body{display:flex;align-items:center;gap:14px}.hx-build-main{flex:1;min-width:0;display:grid;gap:7px;padding:10px 12px;border-radius:14px;transition:background .4s,color .4s}.hx-build-main.is-dn{background:color-mix(in srgb,var(--down) 11%,transparent)}.hx-build-main strong{font-size:15px;font-weight:600}.hx-dots{height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 4px);-webkit-mask:linear-gradient(90deg,#0F0F0F var(--fill, 100%),rgba(0,0,0,.22) 0);mask:linear-gradient(90deg,#0F0F0F var(--fill, 100%),rgba(0,0,0,.22) 0)}.hx-build-fig{display:flex;justify-content:space-between;font-size:12px}.hx-build-fig b{font-weight:600}.hx-build-fig small{font-size:11px;opacity:.85}.hx-build-why{font-size:11px;color:var(--ink-2)}.hx-quad{flex:none;width:92px;height:92px}.hx-quad g{cursor:default}.hx-quad rect{fill:color-mix(in srgb,var(--ink) 6%,transparent);transition:fill .3s}.hx-quad text{font-size:15px;font-weight:700;fill:var(--ink-3);transition:fill .3s}.hx-quad g[data-q=lb].is-on rect,.hx-quad g[data-q=sc].is-on rect{fill:color-mix(in srgb,var(--up) 22%,transparent)}.hx-quad g[data-q=lb].is-on text,.hx-quad g[data-q=sc].is-on text{fill:var(--up-ink)}.hx-quad g[data-q=sb].is-on rect,.hx-quad g[data-q=lu].is-on rect{fill:color-mix(in srgb,var(--down) 22%,transparent)}.hx-quad g[data-q=sb].is-on text,.hx-quad g[data-q=lu].is-on text{fill:var(--down-ink)}.hx-vol-figs{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}.hx-vol-figs b{display:block;margin-top:1px;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.hx-vol-figs .is-put{text-align:right;color:var(--ink-3)}.hx-vol-figs .is-call{color:var(--ink-3)}.hx-split{display:flex;gap:3px;height:6px;transition:height .3s}.hx-split i{display:block;width:var(--w);border-radius:3px}.hx-split .is-call{background:var(--down)}.hx-split .is-put{background:var(--up)}.hx-vol:hover .hx-split{height:9px}.hx-hist{width:100%;height:44px;overflow:visible}.hx-hist rect{fill:color-mix(in srgb,var(--ink) 20%,transparent);transition:height .8s var(--ease-out),y .8s var(--ease-out),fill .25s}.hx-hist rect.is-peak{fill:var(--accent)}.hx-hist rect:hover{fill:var(--accent-2)}.hx-ba-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.hx-ba-top b{font-size:20px;font-weight:600;letter-spacing:-.01em}.hx-ba-top b:last-child{text-align:right}.hx-spread{padding:3px 9px;border-radius:999px;font-size:11px;color:var(--ink-2);background:color-mix(in srgb,var(--ink) 7%,transparent)}.hx-spread i{font-style:normal;font-weight:700;color:var(--ink)}.hx-depth{display:grid;gap:5px}.hx-lvl{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:9px;transition:height .3s}.hx-lvl i{display:block;height:100%;transition:width .7s var(--ease-out)}.hx-lvl .is-bid{justify-self:end;width:var(--b);border-radius:5px 0 0 5px;background:color-mix(in srgb,var(--up) 70%,transparent)}.hx-lvl .is-ask{width:var(--a);border-radius:0 5px 5px 0;background:color-mix(in srgb,var(--down) 70%,transparent)}.hx-ba:hover .hx-lvl{height:12px}.hx-ladder{display:grid;gap:6px}.hx-z{display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;gap:5px;padding:6px 7px;border-radius:11px;transition:transform .4s var(--ease-out),box-shadow .4s}.hx-z b{font-size:14px;font-weight:700}.hx-z span{padding:3px 4px;border-radius:7px;font-size:11px;text-align:center;white-space:nowrap}.hx-z.is-res{background:color-mix(in srgb,var(--down) 9%,transparent)}.hx-z.is-res span{background:color-mix(in srgb,var(--down) 14%,transparent);color:var(--down-ink)}.hx-z.is-atm{background:color-mix(in srgb,var(--amber) 12%,transparent)}.hx-z.is-atm span{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber-ink)}.hx-z.is-sup{background:color-mix(in srgb,var(--up) 9%,transparent)}.hx-z.is-sup span{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up-ink)}.hx-zones:hover .hx-z.is-res{transform:translateY(-3px)}.hx-zones:hover .hx-z.is-sup{transform:translateY(3px)}.hx-zones:hover .hx-z.is-atm{box-shadow:0 0 0 1px color-mix(in srgb,var(--amber) 55%,transparent)}.hx-alert{flex-direction:row;align-items:center;gap:14px;padding:13px 16px;color:var(--hx-alert-fg);background:var(--hx-alert-bg);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.hx-alert:before{background:radial-gradient(240px circle at var(--cx) var(--cy),color-mix(in srgb,var(--accent-2) 11%,transparent),transparent 70%)}.hx-alert:hover{border-color:color-mix(in srgb,var(--accent) 38%,transparent)}.hx-bell{flex:none;width:22px;height:22px;color:var(--accent-2);transform-origin:50% 0}.hx.is-in .hx-bell{animation:hx-ring 2.6s ease-in-out 1.8s 2}.hx-alert:hover .hx-bell{animation:hx-ring 1.1s ease-in-out}@keyframes hx-ring{0%,40%,to{transform:none}8%{transform:rotate(14deg)}16%{transform:rotate(-12deg)}24%{transform:rotate(8deg)}32%{transform:rotate(-4deg)}}.hx-alert-body{display:grid;gap:1px;min-width:0;flex:1;transition:opacity .3s,transform .3s var(--ease-out)}.hx-alert-body.is-swap{opacity:0;transform:translateY(5px)}.hx-alert-k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.hx-alert-body strong{font-size:14px;font-weight:600}.hx-alert-body span:last-child{font-size:12px;opacity:.72}.hx-switch{flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:var(--accent)}.hx-switch i{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}@media(max-width:560px){.hx-grid{gap:10px}.hx-oi,.hx-strike,.hx-build,.hx-vol,.hx-ba,.hx-zones{grid-column:1 / -1}}@media(hover:none){.hx-grid:has(.hx-cell:hover) .hx-cell:not(:hover){opacity:1}}@media(prefers-reduced-motion:reduce){.hx-cell,.hx-track i{transition:none}.js .hx:not(.is-in) .hx-cell{opacity:1;transform:none}.js .hx:not(.is-in) .hx-track i{transform:none}.hx-spotmark,.hx-bell,.hx.is-in .hx-bell{animation:none}}:root.motion-off .hx-cell,:root.motion-off .hx-track i{transition:none}:root.motion-off .js .hx:not(.is-in) .hx-cell{opacity:1;transform:none}:root.motion-off .hx-spotmark,:root.motion-off .hx-bell{animation:none}.hx-cell{background-image:linear-gradient(180deg,color-mix(in srgb,var(--accent) 3.5%,transparent),transparent 46%)}.hx-alert{background-image:none}.hx-cell:after{content:"";position:absolute;inset:0 14px auto;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 38%,transparent),transparent);opacity:.3;transition:opacity .8s var(--ease-out)}.hx-cell:hover:after{opacity:.6}.hx-alert:after{display:none}@media(hover:none),(prefers-reduced-motion:reduce){.hx-cell:before{display:none}.hx-cell:hover,.hx-cell:focus-visible{transform:none;box-shadow:0 6px 18px var(--hx-sh);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}}.hx-cell:focus-visible{box-shadow:0 0 0 2px var(--accent)}.hx-build-body{flex:1;align-items:stretch}.hx-build-main{align-content:center;gap:9px}.hx-quad{align-self:center;width:100px;height:100px}.hx-depth{flex:1;align-content:space-evenly;gap:7px}.hx-strike-fig{margin-top:2px}.hx-ruler{margin-top:auto}.hx-oi-rows,.hx-ladder{flex:1;align-content:center}.hx-cell h3{font-size:13px}.is-put .hx-oi-fig em{color:color-mix(in srgb,var(--up-ink) 80%,var(--ink))}.hx .is-dn,.is-call .hx-oi-fig em,.hx-bu.is-dn{color:color-mix(in srgb,var(--down-ink) 80%,var(--ink))}.hx-z.is-res span{color:color-mix(in srgb,var(--down-ink) 78%,var(--ink))}.hx-z.is-sup span{color:color-mix(in srgb,var(--up-ink) 78%,var(--ink))}.hx-z.is-atm span{color:color-mix(in srgb,var(--amber-ink) 80%,var(--ink))}.hx-spot em,.hx-pill.is-accent{color:#fff}:root[data-theme=dark] .hx-pill.is-accent{color:#0f0f0f}@media(prefers-color-scheme:dark){:root:not([data-theme]) .hx-pill.is-accent{color:#0f0f0f}}.hx-build-fig small{opacity:1}@media(hover:none){.hx-add u{display:none}}.hx-ruler{max-width:300px}