.hpc-shell{--hpc-navy:#37474f;--hpc-ink:#414547;--hpc-muted:#76838f;--hpc-line:#e4eaec;--hpc-grid:#eef2f4;--hpc-surface:#fff;--hpc-paper:#f3f7f9;--hpc-green:#74c37b;--hpc-green-soft:#eaf5e3;--hpc-green-ink:#406a2b;--hpc-spot:#3e8ef7;--hpc-spot-soft:#3e8ef71f;--hpc-futures:#284d96;--hpc-futures-soft:#284d961f;--hpc-crosshair:#37474f59;--hpc-radius:.15rem;--hpc-font:"Montserrat", "Segoe UI", system-ui, sans-serif;--hpc-mono:"Montserrat", "Segoe UI", system-ui, sans-serif;font-variant-numeric:tabular-nums;font-family:var(--hpc-font);color:var(--hpc-navy);gap:1.25rem;display:grid}.hpc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.hpc-switch{border:1px solid var(--hpc-line);background:var(--hpc-paper);border-radius:.15rem;gap:2px;padding:3px;display:inline-flex}.hpc-switch__item{color:var(--hpc-muted);border-radius:.1rem;align-items:baseline;gap:.45rem;padding:.45rem .95rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.hpc-switch__item:hover{color:var(--hpc-navy)}.hpc-switch__item.is-active{background:var(--hpc-green-soft);color:var(--hpc-green-ink);box-shadow:none}.hpc-switch__code{font-family:var(--hpc-mono);letter-spacing:.08em;color:var(--hpc-green);font-size:.68rem;font-weight:700}.hpc-switch__item:not(.is-active) .hpc-switch__code{color:inherit;opacity:.7}.hpc-legend{color:var(--hpc-ink);flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.hpc-legend__item{align-items:center;gap:.6rem;display:inline-flex}.hpc-legend__swatch{width:34px;height:10px;display:inline-block;position:relative}.hpc-legend__swatch--spot:before{content:"";background:var(--hpc-spot);border-radius:2px;position:absolute;inset:4px 0}.hpc-legend__swatch--previous:before{content:"";border-top:2px dashed var(--hpc-muted);position:absolute;inset:4px 0}.hpc-legend__swatch--futures:before{content:"";border-top:2px dashed var(--hpc-futures);position:absolute;inset:4px 0}.hpc-legend__swatch--futures:after{content:"";background:var(--hpc-futures);width:8px;height:8px;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--hpc-futures-soft);border-radius:50%;position:absolute;top:1px;left:13px}.hpc-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.hpc-range{border:1px solid var(--hpc-line);background:var(--hpc-paper);border-radius:.15rem;gap:2px;padding:3px;display:inline-flex}.hpc-range__button{appearance:none;font:600 .72rem/1 var(--hpc-mono);letter-spacing:.04em;color:var(--hpc-muted);cursor:pointer;background:0 0;border:0;border-radius:.1rem;padding:.28rem .6rem;transition:background-color .14s,color .14s}.hpc-range__button:hover{color:var(--hpc-navy)}.hpc-range__button.is-active{background:var(--hpc-green-soft);color:var(--hpc-green-ink);box-shadow:none}.hpc-range__button:focus-visible{outline:2px solid var(--hpc-green);outline-offset:1px}.hpc-toolset{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hpc-zoom__button{min-width:1.9rem;padding:.2rem .45rem;font-size:.9rem;line-height:1}.hpc-pin{background:var(--hpc-green-soft);color:var(--hpc-green-ink);font:600 .72rem/1 var(--hpc-mono);letter-spacing:.03em;cursor:pointer;border:1px solid #74c37b80;border-radius:.15rem;align-items:center;gap:.45rem;padding:.3rem .55rem .3rem .6rem;animation:.14s ease-out both hpc-tooltip-in;display:inline-flex}.hpc-pin[hidden]{display:none}.hpc-pin:hover{background:#d4ebc7}.hpc-pin:focus-visible{outline:2px solid var(--hpc-green);outline-offset:1px}.hpc-pin__dot{background:var(--hpc-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #74c37b40}.hpc-pin__close{opacity:.7;font-size:.95rem;line-height:1}.hpc-pin:hover .hpc-pin__close{opacity:1}.hpc-brush{background:var(--hpc-spot-soft);border-left:1px solid var(--hpc-spot);border-right:1px solid var(--hpc-spot);pointer-events:none;position:absolute;top:0;bottom:0}.hpc{border:1px solid var(--hpc-line);border-radius:var(--hpc-radius);background:radial-gradient(120% 80% at 100% 0%, #74c37b0f, transparent 60%), var(--hpc-surface);gap:.5rem;padding:1.25rem 1.25rem .75rem;display:grid;position:relative;box-shadow:0 1px 1px #0000000d}.hpc-axis-title{color:var(--hpc-muted);align-items:baseline;gap:.5rem;font-size:.8125rem;display:flex}.hpc-axis-title__unit{font-family:var(--hpc-mono);background:var(--hpc-paper);color:var(--hpc-ink);border-radius:.1rem;padding:.1rem .45rem;font-size:.75rem;font-weight:600}.hpc-stage{height:clamp(320px,52vh,560px);position:relative}.hpc-stage canvas{touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none;--hpc-spot:#0b63ce;--hpc-crosshair:#0f1f3d59;outline:none;display:block;width:100%!important;height:100%!important}.hpc-stage canvas:focus-visible{box-shadow:0 0 0 2px var(--hpc-surface), 0 0 0 4px var(--hpc-spot);border-radius:8px}.hpc:not(.is-ready) canvas{opacity:0}.hpc.is-ready canvas{animation:.48s ease-out both hpc-reveal}@keyframes hpc-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hpc-status{color:var(--hpc-muted);pointer-events:none;place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.hpc-status[hidden]{display:none}.hpc-status[data-kind=loading]:before{content:"";background:linear-gradient(100deg,#0000 20%,#0f1f3d0b 50%,#0000 80%) 0 0/200% 100%;border-radius:12px;animation:1.4s linear infinite hpc-shimmer;position:absolute;inset:12% 4% 14%}@keyframes hpc-shimmer{to{background-position:-200% 0}}.hpc-status[data-kind=error]{color:#b42318}.hpc-tooltip{z-index:5;border:1px solid var(--hpc-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:200px;max-width:260px;color:var(--hpc-navy);pointer-events:none;background:#fffffff7;border-radius:.15rem;padding:.7rem .85rem .75rem;font-size:.8125rem;line-height:1.35;animation:.14s ease-out both hpc-tooltip-in;position:absolute;box-shadow:0 8px 24px -12px #37474f4d,0 1px 2px #37474f0f}.hpc-tooltip[data-kind=spot]{border-left:3px solid var(--hpc-spot)}.hpc-tooltip[data-kind=future]{border-left:3px solid var(--hpc-futures)}@keyframes hpc-tooltip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.hpc-tooltip__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--hpc-muted);font-size:.7rem;font-weight:600}.hpc-tooltip[data-kind=future] .hpc-tooltip__eyebrow{color:var(--hpc-futures)}.hpc-tooltip__label{color:var(--hpc-ink);margin-top:.35rem}.hpc-tooltip__value{font-family:var(--hpc-mono);font-variant-numeric:tabular-nums;color:var(--hpc-navy);font-size:1.05rem;font-weight:500}.hpc-tooltip[data-kind=spot] .hpc-tooltip__value{color:var(--hpc-spot)}.hpc-tooltip__meta{border-top:1px dashed var(--hpc-line);color:var(--hpc-muted);margin-top:.45rem;padding-top:.45rem;font-size:.72rem}.hpc-tooltip__hint{border-top:1px dashed var(--hpc-line);font-family:var(--hpc-mono);letter-spacing:.03em;color:var(--hpc-muted);margin-top:.45rem;padding-top:.4rem;font-size:.66rem}.hpc-tooltip[data-pinned=true] .hpc-tooltip__hint{color:var(--hpc-green-ink)}.hpc-tooltip__pin{background:var(--hpc-green);width:7px;height:7px;box-shadow:0 0 0 3px var(--hpc-green-soft);vertical-align:middle;border-radius:50%;margin-left:.4rem;display:inline-block}.hpc-tooltip__grid{grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:.4rem 0 0;display:grid}.hpc-tooltip__grid dt{color:var(--hpc-muted)}.hpc-tooltip__grid dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.hpc-hint{max-width:68ch;color:var(--hpc-muted);margin:0;font-size:.8125rem;line-height:1.55}.hpc-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){.hpc{padding:.9rem .6rem .5rem}.hpc-stage{height:300px}.hpc-switch{width:100%;overflow-x:auto}.hpc-switch__label{display:none}.hpc-tooltip{min-width:170px;max-width:200px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.hpc.is-ready canvas,.hpc-tooltip{animation:none}}.fcc{display:block}.fcc-status{text-align:center;color:var(--hpc-muted,#5b6b84);padding:2.5rem 1rem;font-size:.875rem}.fcc-status[data-kind=error]{color:#d9485a}.fcc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:1.25rem;display:grid}.fcc-card{--fcc-accent:#3e8ef7;border:1px solid var(--hpc-line,#dde3ec);border-radius:var(--hpc-radius,.15rem);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--fcc-accent) 7%, transparent), transparent 60%), var(--hpc-surface,#fff);grid-template-rows:auto 1fr auto auto;gap:.75rem;padding:1.1rem 1.25rem .9rem;animation:.32s ease-out both fcc-in;display:grid;box-shadow:0 1px 2px #0f1f3d0a}.fcc-card:nth-child(2){animation-delay:60ms}.fcc-card:nth-child(3){animation-delay:.12s}.fcc-card:nth-child(4){animation-delay:.18s}@keyframes fcc-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fcc-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.fcc-card__eyebrow{font-family:var(--hpc-mono,ui-monospace, monospace);letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.fcc-card__code{color:var(--fcc-accent);font-weight:600}.fcc-card__unit{background:var(--hpc-paper,#f3f7f9);color:var(--hpc-ink,#414547);border-radius:.1rem;padding:.1rem .4rem;font-weight:600}.fcc-card__title{color:var(--hpc-navy,#37474f);letter-spacing:.03em;margin:.3rem 0 0;font-family:BebasNeuePro,Montserrat,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.fcc-card__name{color:var(--hpc-muted,#5b6b84);font-size:.75rem}.fcc-card__front{text-align:right;white-space:nowrap}.fcc-card__front-label{text-transform:uppercase;letter-spacing:.08em;color:var(--hpc-muted,#5b6b84);font-size:.7rem}.fcc-card__front-price{letter-spacing:.03em;color:var(--fcc-accent);font-variant-numeric:tabular-nums;font-family:BebasNeuePro,Montserrat,sans-serif;font-size:1.7rem;font-weight:700}.fcc-card__change{font-family:var(--hpc-mono,ui-monospace, monospace);color:var(--hpc-muted,#5b6b84);font-size:.72rem}.fcc-card__change.is-up{color:#11c26d}.fcc-card__change.is-down{color:#d9485a}.fcc-card__stage{height:clamp(220px,30vh,300px);position:relative}.fcc-card__stage canvas{display:block;width:100%!important;height:100%!important}.fcc-card__empty{height:100%;color:var(--hpc-muted,#5b6b84);place-items:center;font-size:.85rem;display:grid}.fcc-card__footer{border-top:1px dashed var(--hpc-line,#dde3ec);font-family:var(--hpc-mono,ui-monospace, monospace);letter-spacing:.03em;color:var(--hpc-muted,#5b6b84);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:.6rem;font-size:.68rem;display:flex}@media (prefers-reduced-motion:reduce){.fcc-card{animation:none}}.fcc-card__cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;display:flex;position:relative}.fcc-card__hedge{color:var(--kuhdo-green-deep,#406a2b);font-size:.78rem;font-weight:600;text-decoration:none}.fcc-card__hedge:hover{text-decoration:underline}.fcc-card__alert{border:1px solid var(--hpc-line,#dde3ec);background:var(--hpc-surface,#fff);font:inherit;color:var(--hpc-ink,#414547);cursor:pointer;border-radius:.1rem;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.fcc-card__alert svg{width:.9rem;height:.9rem;color:var(--hpc-muted,#5b6b84)}.fcc-card__alert:hover,.fcc-card__alert[aria-expanded=true]{border-color:var(--kuhdo-green,#74c37b);background:var(--kuhdo-green-soft,#eaf5e3)}.fcc-card__hedge:focus-visible,.fcc-card__alert:focus-visible{outline-offset:2px;outline:2px solid #74c37b99}.fcc-card__popover{top:auto;bottom:calc(100% + .4rem)}
