.hh{text-align:left;background-image:radial-gradient(#1e214014 1px,#0000 1px);background-size:20px 20px;border-radius:24px;width:min(100%,980px);height:460px;margin:clamp(40px,5vw,72px) auto 0;position:relative}.hh-lines{z-index:3;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hh-lines path{fill:none;stroke:#b9bcdd;stroke-width:1.5px;stroke-dasharray:4 6;transition:stroke .3s}.hh-lines path.hot{stroke:var(--act);stroke-width:2px}.hh-lines circle{fill:var(--paper);stroke:#7f8cf0;stroke-width:2px}.hh-lines circle.hh-dot{fill:var(--act);stroke:#fff;stroke-width:3px}.hh-ask{z-index:2;border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;min-height:44px;margin:0;padding:8px 16px 8px 8px;font-size:15px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 12px 24px -18px #1e214066}.hh-av{background:var(--act);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hh-caret{background:var(--act);width:2px;height:16px;margin-left:-8px;animation:1s step-end infinite hx-blink}.hh-col{z-index:2;width:240px;margin:0;padding:0;list-style:none;position:absolute;top:40px;bottom:0}.hh-col.left{left:0}.hh-col.right{right:0}.hh-card{border:1px solid var(--line);background:var(--card);border-radius:16px;width:100%;padding:14px;transition:border-color .35s,box-shadow .35s;position:absolute;box-shadow:0 16px 30px -24px #1e214073}.hh-col.left .hh-card{align-items:center;gap:12px;display:flex}.hh-col .hh-card:first-child{top:2%}.hh-col .hh-card:nth-child(2){top:37%}.hh-col .hh-card:nth-child(3){top:72%}.hh-col.left .hh-card:nth-child(2){left:-24px}.hh-col.right .hh-card:first-child{top:-4%}.hh-col.right .hh-card:nth-child(2){top:33%;right:-24px}.hh-col.right .hh-card:nth-child(3){top:70%}.hh-card.on{border-color:#7f8cf0;box-shadow:0 0 0 4px #7f8cf033,0 18px 30px -18px #3f4fb899}.hh-card.ok{border-color:#7fd1bc;box-shadow:0 0 0 4px #7fd1bc38}.hh-card.rf{border-color:var(--promise);box-shadow:0 0 0 4px #e88d6733}.hh-card b{font-size:15px;line-height:1.25;display:block}.hh-card code{color:var(--ink-2);margin-top:2px;font-size:12px;display:block}.hh-top{align-items:center;gap:12px;display:flex}.hh-ic{border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hh-ic.w{color:#33419e;background:#d9ddfb}.hh-ic.g{color:#1d5249;background:#c0e6de}.hh-ic.o{color:#9a4520;background:#fbe1d6}.hh-meta{font:12px var(--mono);color:var(--ink-2);align-items:center;gap:8px;margin-top:12px;display:flex}.hh-bar{background:var(--panel);border-radius:3px;flex:1;height:6px;overflow:hidden}.hh-bar i{border-radius:3px;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1);display:block}.hh-bar.w i{background:#7f8cf0}.hh-bar.g i{background:#7fd1bc}.hh-bar.o i{background:var(--promise)}.hh-mark{z-index:1;width:170px;height:170px;position:absolute;top:calc(56% + 17.6px);left:50%;transform:translate(-50%,-50%)}.hh-mark svg{width:100%;height:100%;position:relative;overflow:visible}.hh-mark path{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.hh-mark.kick .l{transform:translate(-10px)}.hh-mark.kick .r{transform:translate(10px)}@media (max-width:860px){.hh{background:0 0;height:auto;padding:0}.hh-lines,.hh-mark{display:none}.hh-col{gap:12px;width:100%;display:grid;position:static}.hh-col.right{margin-top:12px}.hh-col.left .hh-card:nth-child(n),.hh-col.right .hh-card:nth-child(n){position:relative;top:auto;left:auto;right:auto}.hh-ask{white-space:normal;width:fit-content;max-width:100%;margin:0 auto 16px;position:relative;top:auto;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){.hh-caret{animation:none}}