.ch{--ch-ink:#0b0b0d;--ch-surface:#151517;--ch-white:#f5f4f1;--ch-gold:#c8a96e;--ch-dim:#a3a3a8;--ch-hair:hsla(0,0%,100%,.09);position:relative;width:100%;height:clamp(300px,27vw,380px);overflow:hidden;container-type:inline-size;isolation:isolate;background:linear-gradient(180deg,#101013,#0a0a0c 70%);border:1px solid var(--ch-hair);border-radius:16px;color:var(--ch-white);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}@media (max-width:1023px){.ch{height:340px;border-radius:14px}}.ch-floor{inset:0;background-image:radial-gradient(hsla(0,0%,100%,.11) 1px,transparent 1.4px);background-size:24px 24px;background-position:12px 12px;-webkit-mask-image:radial-gradient(ellipse 75% 85% at 50% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 75% 85% at 50% 50%,#000 20%,transparent 100%)}.ch-floor,.ch-spot{position:absolute;z-index:0;pointer-events:none}.ch-spot{left:0;top:0;width:0;height:0;will-change:transform;opacity:calc(1 - var(--ch-out, 0))}.ch-spot:before{content:"";position:absolute;left:-340px;top:-260px;width:680px;height:520px;background:radial-gradient(closest-side,hsla(39,45%,61%,.15),hsla(39,45%,61%,.05) 55%,transparent)}.ch-tag{position:absolute;z-index:4;top:12px;left:14px;padding:5px 9px 4px;border:1px solid var(--ch-hair);border-radius:999px;background:rgba(21,21,23,.9);font:500 8.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:hsla(39,45%,61%,.95)}.ch-stage{position:absolute;z-index:1;inset:38px 26px 20px}.ch-stage--narrow{display:none}@container (max-width: 900px){.ch-has-narrow>.ch-stage--wide{display:none}.ch-has-narrow>.ch-stage--narrow{display:block}}@container (max-width: 640px){.ch-stage{inset:38px 16px 16px}}.ch-l{--ch-on:clamp(0,calc((var(--ch-t) - var(--ch-at, 0)) / 0.35),1);--ch-off:clamp(0,calc((var(--ch-t) - var(--ch-until, var(--ch-end))) / 0.8),1);--ch-k:calc(var(--ch-on) * (1 - var(--ch-off)));--ch-fl0:calc(var(--ch-k) * clamp(0, calc(1 - (var(--ch-t) - var(--ch-at, 0) - 0.12) / 1.25), 1));--ch-fl:calc(var(--ch-fl0) * var(--ch-fl0))}.ch-p{--ch-p:clamp(0,calc((var(--ch-t) - var(--ch-at, 0)) / var(--ch-dur, 0.8)),1);--ch-e:calc(var(--ch-p) * var(--ch-p) * var(--ch-p) * (var(--ch-p) * (var(--ch-p) * 6 - 15) + 10));--ch-run:calc(clamp(0, calc(var(--ch-p) * 20), 1) * clamp(0, calc((1 - var(--ch-p)) * 20), 1))}.ch-chip{position:absolute;z-index:3;left:calc(var(--ch-x) * 1%);top:calc(var(--ch-y) * 1%);display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:5px 12px 5px 6px;white-space:nowrap;background:var(--ch-surface);border:1px solid var(--ch-hair);border-radius:11px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 12px 26px -10px rgba(0,0,0,.85),0 2px 5px rgba(0,0,0,.45);transform:var(--ch-anchor,translate(-50%,-50%)) translateY(calc(var(--ch-fl) * -4px)) scale(calc(1 + var(--ch-fl) * .04))}.ch-chip--right{--ch-anchor:translate(-16px,-50%)}.ch-chip--left{--ch-anchor:translate(calc(-100% + 16px),-50%)}.ch-chip:before{border-radius:inherit;border:1px solid var(--ch-c,var(--ch-gold));opacity:calc(var(--ch-k) * .85)}.ch-chip:after,.ch-chip:before{content:"";position:absolute;inset:-1px;pointer-events:none}.ch-chip:after{border-radius:inherit;opacity:var(--ch-fl);box-shadow:0 0 0 4px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 20%,transparent),0 0 34px 4px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 50%,transparent)}.ch-chip-i{position:relative;flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;font-style:normal;background:color-mix(in srgb,var(--ch-c,var(--ch-gold)) 16%,#151517);color:var(--ch-c,var(--ch-gold))}.ch-chip-i:after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:var(--ch-c,var(--ch-gold));opacity:var(--ch-k)}.ch-chip-i b{grid-area:1/1;position:relative;display:grid;place-items:center;font:700 9px/1 var(--display,sans-serif);letter-spacing:.01em}.ch-chip-i b.ch-chip-on{z-index:2;color:#0b0b0d;opacity:var(--ch-k)}.ch-chip-i svg{width:12px;height:12px;display:block}.ch-chip-n{font:500 clamp(11.5px,.98cqw,13px)/1.15 var(--display,sans-serif);letter-spacing:-.005em;color:var(--ch-white);opacity:calc(.66 + .34 * var(--ch-k))}.ch-chip-n small{display:block;margin-top:3px;font:400 .82em/1.1 var(--display,sans-serif);letter-spacing:0;color:var(--ch-dim)}.ch-chip--sm{gap:7px;min-height:22px;padding:3px 9px 3px 8px;border-radius:999px}.ch-chip--sm .ch-chip-i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--ch-c,var(--ch-gold)) 45%,#151517)}.ch-chip--sm .ch-chip-i:has(svg){width:14px;height:14px;border-radius:4px;background:none}.ch-chip--sm .ch-chip-i:has(svg):after{display:none}.ch-chip--sm .ch-chip-i:has(svg) b.ch-chip-on{display:none}.ch-chip--sm .ch-chip-n{font-size:clamp(10.5px,.86cqw,11.5px)}.ch-chip--lg{gap:10px;min-height:42px;padding:7px 15px 7px 8px;border-radius:14px}.ch-chip--lg .ch-chip-i{width:26px;height:26px;border-radius:9px}.ch-chip--lg .ch-chip-i b{font-size:10.5px}.ch-chip--lg .ch-chip-i svg{width:14px;height:14px}.ch-chip--lg .ch-chip-n{font-weight:600;font-size:clamp(12.5px,1.1cqw,14.5px)}.ch-chip--quiet{padding:5px;gap:0}.ch-chip--quiet.ch-chip--sm{padding:5px}.ch-chip--quiet .ch-chip-n{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);padding:3px 7px;border-radius:7px;background:var(--ch-surface);border:1px solid var(--ch-hair);opacity:clamp(0,calc(var(--ch-fl0) * 2.2),1)}.ch-short{display:none}.ch-node{position:absolute;z-index:3;left:calc(var(--ch-x) * 1%);top:calc(var(--ch-y) * 1%);width:var(--ch-s,11px);height:var(--ch-s,11px);margin:calc(var(--ch-s, 11px) / -2) 0 0 calc(var(--ch-s, 11px) / -2);border-radius:50%;background:#1b1b1e;border:1px solid color-mix(in srgb,var(--ch-c,var(--ch-gold)) 55%,#1b1b1e);box-shadow:0 0 0 4px hsla(0,0%,100%,.035),0 6px 14px rgba(0,0,0,.6);transform:scale(calc(1 + var(--ch-fl) * .25))}.ch-node--square{border-radius:3px}.ch-node--diamond{border-radius:2px;transform:rotate(45deg) scale(calc(1 + var(--ch-fl) * .25))}.ch-node:before{background:var(--ch-c,var(--ch-gold));opacity:var(--ch-k)}.ch-node:after,.ch-node:before{content:"";position:absolute;inset:-1px;border-radius:inherit}.ch-node:after{background:var(--ch-white);opacity:var(--ch-fl);box-shadow:0 0 0 5px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 22%,transparent),0 0 30px 8px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 60%,transparent)}.ch-node--bare{z-index:2;border:0;background:none;box-shadow:none;transform:none}.ch-node--bare:before{display:none}.ch-node--bare:after{inset:auto;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:none;border:1.5px solid var(--ch-c,var(--ch-gold));box-shadow:0 0 14px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 55%,transparent);opacity:calc(var(--ch-fl0) * .9);transform:scale(calc(1.9 - var(--ch-fl0) * 1.2))}.ch-label{position:absolute;z-index:3;left:calc(var(--ch-x) * 1%);top:calc(var(--ch-y) * 1%);white-space:nowrap;pointer-events:none;font:500 clamp(11px,.95cqw,13px)/1.25 var(--display,sans-serif);letter-spacing:-.005em;color:var(--ch-white);opacity:calc(.62 + .38 * var(--ch-k))}.ch-label small{display:block;margin-top:2px;font:400 .86em/1.2 var(--display,sans-serif);color:var(--ch-dim)}.ch-label--bottom{transform:translate(-50%,var(--ch-gap,14px));text-align:center}.ch-label--top{transform:translate(-50%,calc(-100% - var(--ch-gap, 14px)));text-align:center}.ch-label--right{transform:translate(var(--ch-gap,14px),-50%)}.ch-label--left{transform:translate(calc(-100% - var(--ch-gap, 14px)),-50%);text-align:right}.ch-edge{z-index:1;pointer-events:none}.ch-edge,.ch-edge svg{position:absolute;inset:0}.ch-edge svg{width:100%;height:100%;overflow:visible}.ch-edge path{fill:none;stroke:var(--ch-c,var(--ch-gold))}.ch-beam-base{stroke:hsla(0,0%,100%,.085)!important;stroke-width:1.25}.ch-beam-glow,.ch-beam-lit{stroke-dasharray:100 100;stroke-dashoffset:calc((1 - var(--ch-e)) * 100px)}.ch-beam-lit{stroke-width:1.5;opacity:calc(clamp(0, calc(var(--ch-p) * 40), 1) * (1 - var(--ch-off)) * .8)}.ch-beam-glow{stroke-width:6;opacity:calc(clamp(0, calc(var(--ch-p) * 40), 1) * (1 - var(--ch-off)) * .09)}.ch-beam-dash{stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round;opacity:calc(var(--ch-e) * (1 - var(--ch-off)) * .9)}.ch-comet{opacity:var(--ch-run)}.ch-comet path{stroke-linecap:round;stroke-dasharray:var(--ch-len) 400;stroke-dashoffset:calc(var(--ch-len) * 1px - var(--ch-e) * (100px + var(--ch-len) * .4px))}.ch-comet-tail{--ch-len:26;stroke-width:1.6;opacity:.4}.ch-comet-mid{--ch-len:12;stroke-width:2.4;opacity:.75}.ch-comet-bloom{--ch-len:3;stroke-width:9;opacity:.16}.ch-comet-head{--ch-len:2.2;stroke-width:4;stroke:var(--ch-white)!important}.ch-readout{position:absolute;z-index:3;left:calc(var(--ch-x) * 1%);top:calc(var(--ch-y) * 1%);white-space:nowrap;pointer-events:none;font:500 clamp(11.5px,1cqw,13.5px)/1.3 var(--display,sans-serif);letter-spacing:-.005em;color:var(--ch-dim);opacity:var(--ch-k);animation:ch-caption .45s cubic-bezier(.16,1,.3,1) both}.ch-readout b{font-weight:600;color:var(--ch-white)}.ch-readout--center{translate:-50% 0}.ch-readout--right{translate:-100% 0}@keyframes ch-caption{0%{transform:translateY(5px)}}.ch-card{position:absolute;z-index:3;left:calc(var(--ch-x) * 1%);top:calc(var(--ch-y) * 1%);width:calc(var(--ch-w) * 1%);display:grid;gap:8px;align-content:start;padding:12px 13px 13px;background:var(--ch-surface);border:1px solid var(--ch-hair);border-radius:13px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 18px 34px -14px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.45);transform:translateY(calc(var(--ch-fl) * -3px))}.ch-card--center{transform:translate(-50%,-50%) translateY(calc(var(--ch-fl) * -3px))}.ch-card:before{border-radius:inherit;border:1px solid var(--ch-c,var(--ch-gold));opacity:calc(var(--ch-k) * .8)}.ch-card:after,.ch-card:before{content:"";position:absolute;inset:-1px;pointer-events:none}.ch-card:after{border-radius:inherit;opacity:var(--ch-fl);box-shadow:0 0 0 4px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 16%,transparent),0 0 40px 4px color-mix(in srgb,var(--ch-c,var(--ch-gold)) 42%,transparent)}.ch-card-t{font:500 clamp(8.5px,.7cqw,9.5px)/1.25 var(--mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--ch-dim)}.ch-row{display:block;font:500 clamp(11px,.95cqw,13px)/1.25 var(--display,sans-serif);letter-spacing:-.005em;color:var(--ch-white);opacity:calc(.3 + .7 * var(--ch-k));transform:translateY(calc((1 - var(--ch-on)) * 5px))}.ch-bars,.ch-stream{display:grid;gap:6px}.ch-bars i{background:hsla(45,17%,95%,.16)}.ch-bars i,.ch-sbar{display:block;height:4px;border-radius:2px}.ch-sbar{position:relative;background:hsla(45,17%,95%,.07)}.ch-sbar i{position:absolute;inset:0;border-radius:2px;background:hsla(45,17%,95%,.6);transform-origin:0 50%;transform:scaleX(var(--ch-p));opacity:calc(1 - var(--ch-off))}.ch-sbar b{position:absolute;inset:-3px 0;transform:translateX(calc(var(--ch-p) * 100%));opacity:calc(clamp(0, calc(var(--ch-p) * 30), 1) * clamp(0, calc((1 - var(--ch-p)) * 30), 1))}.ch-sbar b:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:1px;background:var(--ch-gold);box-shadow:0 0 8px var(--ch-gold)}@container (max-width: 900px){.ch-full{display:none}.ch-short{display:inline}.ch-stage--wide .ch-chip-n small,.ch-stage--wide .ch-label small{display:none}.ch-chip{gap:6px;min-height:26px;padding:3px 9px 3px 4px;border-radius:9px}.ch-chip-i{width:17px;height:17px;border-radius:6px}.ch-chip-i b{font-size:8px}.ch-chip--sm{min-height:20px;padding:2px 8px 2px 7px}.ch-chip--lg{gap:8px;min-height:32px;padding:4px 11px 4px 5px;border-radius:11px}.ch-chip--lg .ch-chip-i{width:21px;height:21px;border-radius:7px}.ch-card{padding:9px 10px 10px;border-radius:11px;gap:6px}.ch-chip--right{--ch-anchor:translate(-12px,-50%)}.ch-chip--left{--ch-anchor:translate(calc(-100% + 12px),-50%)}}@container (max-width: 640px){.ch-chip{padding:3px 8px}.ch-chip--md .ch-chip-i:not(:has(svg)){display:none}.ch-chip--lg{padding:4px 10px 4px 5px}.ch-chip-n{font-size:11px}.ch-chip--sm .ch-chip-n{font-size:10.5px}.ch-chip--sm .ch-chip-i:not(:has(svg)){display:none}.ch-chip--sm{padding:2px 7px}.ch-spot:before{left:-220px;top:-200px;width:440px;height:400px}}@media (prefers-reduced-motion:reduce){.ch-readout{animation:none}.ch[style]{--ch-t:var(--ch-still)!important}}