@property --hb-c{syntax: "<number>"; inherits: true; initial-value: 16; }.g-hb__frame{container-type:inline-size}.g-hb__stage{--u:calc(100cqw / 640);--hb-c:16;--hb-g:clamp(0, (17.4 - var(--hb-c)) / 0.6, 1);position:relative;overflow:clip;aspect-ratio:640/512;color:#1f2328;font-size:calc(12.5 * var(--u));background-color:#fff;background-image:radial-gradient(#dfe7f5 calc(1.2 * var(--u)),transparent calc(1.2 * var(--u)));background-size:calc(22 * var(--u))calc(22 * var(--u));background-position:calc(11 * var(--u))calc(11 * var(--u));animation:g-hb-clock 18s linear infinite}@keyframes g-hb-clock{from{--hb-c:0}to{--hb-c:18}}.g-hb__stage [style*=--wx]{--x:var(--wx);--y:var(--wy)}.g-hb__edges--tall{display:none}.g-hb__cur{--p0x:var(--w0x);--p0y:var(--w0y);--p1x:var(--w1x);--p1y:var(--w1y);--p2x:var(--w2x);--p2y:var(--w2y);--p3x:var(--w3x);--p3y:var(--w3y);--p4x:var(--w4x);--p4y:var(--w4y);--p5x:var(--w5x);--p5y:var(--w5y);--p6x:var(--w6x);--p6y:var(--w6y);--p7x:var(--w7x);--p7y:var(--w7y);--p8x:var(--w8x);--p8y:var(--w8y);--p9x:var(--w9x);--p9y:var(--w9y)}@container(max-width:519px){.g-hb__stage { --u: calc(100cqw / 400); aspect-ratio: 400 / 612; }
    .g-hb__stage [style*="--wx"] { --x: var(--nx); --y: var(--ny); }
    .g-hb__edges--wide { display: none; }
    .g-hb__edges--tall { display: block; }
    .g-hb__cur {
        --p0x: var(--n0x); --p0y: var(--n0y); --p1x: var(--n1x); --p1y: var(--n1y); --p2x: var(--n2x); --p2y: var(--n2y);
        --p3x: var(--n3x); --p3y: var(--n3y); --p4x: var(--n4x); --p4y: var(--n4y); --p5x: var(--n5x); --p5y: var(--n5y);
        --p6x: var(--n6x); --p6y: var(--n6y); --p7x: var(--n7x); --p7y: var(--n7y); --p8x: var(--n8x); --p8y: var(--n8y);
        --p9x: var(--n9x); --p9y: var(--n9y);
    }
}.g-hb__bar{position:absolute;inset:0 0 auto;height:calc(44 * var(--u));display:flex;align-items:center;gap:calc(10 * var(--u));padding:0 calc(12 * var(--u));border-bottom:1px solid #e6ebf3;background:#fff}.g-hb__doc,.g-hb__tools{display:flex;align-items:center;gap:calc(8 * var(--u));height:calc(28 * var(--u));padding:0 calc(10 * var(--u));border:1px solid #e1e6ee;border-radius:calc(7 * var(--u))}.g-hb__doc i{width:calc(14 * var(--u));height:calc(14 * var(--u));border-radius:calc(3 * var(--u));background:#0026cf}.g-hb__doc b{font-size:calc(12 * var(--u));font-weight:700}.g-hb__tools i{width:calc(14 * var(--u));height:calc(3 * var(--u));border-radius:9px;background:#b9c3d3}.g-hb__share{margin-left:auto;padding:calc(6 * var(--u))calc(13 * var(--u));border-radius:calc(7 * var(--u));background:#0026cf;color:#fff;font-size:calc(12 * var(--u));font-weight:700}.g-hb__edges{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#1b96ff;stroke-width:1.8;stroke-linecap:round}.g-hb__tip{fill:#1b96ff;stroke:none}.g-hb__draw--rel{stroke:#ffc600;stroke-width:2.6}.g-hb__tip--rel{fill:#ffc600}.g-hb__n{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--u));border:calc(1.5 * var(--u))solid #1b96ff;border-radius:calc(9 * var(--u));background:#fff;color:#0026cf;font-weight:600;white-space:nowrap;box-shadow:0 calc(5 * var(--u))calc(12 * var(--u))calc(-7 * var(--u))rgba(0,38,207,.35)}.g-hb__n--root{border:0;background:#0026cf;color:#fff;font-size:calc(15 * var(--u));font-weight:700}.g-hb__n--l1{background:#9cd7ff}.g-hb__lw{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));translate:-50% -50%;padding:calc(2 * var(--u))calc(7 * var(--u));border-radius:calc(5 * var(--u));background:#fcf300;color:#1f2328;font-size:calc(10.5 * var(--u));font-weight:600;line-height:1.3;white-space:nowrap}.g-hb__lw--rel{background:#ffc600}.g-hb__ic{flex:none;width:calc(13 * var(--u));height:calc(13 * var(--u));fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.g-hb__clip{display:flex}.g-hb__file{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));translate:-50% -50%;display:flex;align-items:center;gap:calc(5 * var(--u));padding:calc(4 * var(--u))calc(9 * var(--u));border:calc(1.5 * var(--u))solid #0026cf;border-radius:calc(6 * var(--u));background:#fff;color:#0026cf;font-size:calc(10.5 * var(--u));font-weight:600;white-space:nowrap}.g-hb__sel{position:absolute;left:calc((var(--x) - var(--w)/2 - 4) * var(--u));top:calc((var(--y) - var(--h)/2 - 4) * var(--u));width:calc((var(--w) + 8) * var(--u));height:calc((var(--h) + 8) * var(--u));border:calc(2 * var(--u))solid #1b96ff;border-radius:calc(12 * var(--u));box-shadow:0 0 0 calc(4 * var(--u))rgba(27,150,255,.18)}.g-hb__menu{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));min-width:calc(136 * var(--u));white-space:nowrap;padding:calc(5 * var(--u));border:1px solid #dfe6f0;border-radius:calc(9 * var(--u));background:#fff;box-shadow:0 calc(10 * var(--u))calc(24 * var(--u))calc(-8 * var(--u))rgba(20,30,60,.3)}.g-hb__item{position:relative;display:flex;align-items:center;gap:calc(7 * var(--u));height:calc(26 * var(--u));padding:0 calc(8 * var(--u));color:#1f2328;font-size:calc(11 * var(--u));font-weight:500;isolation:isolate}.g-hb__item .g-hb__ic{color:#0026cf}.g-hb__hl{position:absolute;z-index:-1;inset:0;border-radius:calc(6 * var(--u));background:#9cd7ff}.g-hb__rip{position:absolute;left:calc((var(--x) - 13) * var(--u));top:calc((var(--y) - 13) * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));border:calc(2.5 * var(--u))solid #1b96ff;border-radius:50%}.g-hb__cur{position:absolute;left:0;top:0;z-index:3;width:calc(20 * var(--u));height:calc(22 * var(--u));filter:drop-shadow(0 calc(2 * var(--u)) calc(3 * var(--u)) rgba(20,30,50,.3));transform-origin:0 0;translate:calc(var(--p0x) * var(--u))calc(var(--p0y) * var(--u));animation:g-hb-cur 18s infinite,g-hb-press 18s infinite}.g-hb__cur svg{display:block;width:100%;height:100%}.g-hb__in{--k:clamp(0, (var(--hb-c) - var(--t)) / 0.35, 1);opacity:calc(var(--k) * var(--hb-g));scale:calc(.86 + .14 * var(--k))}.g-hb__in .g-hb__in{opacity:var(--k)}.g-hb__draw{--k:clamp(0, (var(--hb-c) - var(--t)) / var(--d, 0.4), 1);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--k));opacity:calc(clamp(0,(var(--hb-c) - var(--t)) * 50,1) * var(--hb-g))}.g-hb__tip{opacity:calc(clamp(0,(var(--hb-c) - var(--t)) * 20,1) * var(--hb-g))}.g-hb__win{opacity:calc(clamp(0,(var(--hb-c) - var(--t))/.15,1) * clamp(0,(var(--e) - var(--hb-c))/.15,1))}.g-hb__rip{--k:clamp(0, (var(--hb-c) - var(--t)) / 0.45, 1);opacity:calc((1 - var(--k)) * clamp(0,(var(--hb-c) - var(--t)) * 50,1) * .9);scale:calc(.4 + 1.2 * var(--k))}@keyframes g-hb-cur{0%,44.4%{translate:calc(var(--p0x) * var(--u))calc(var(--p0y) * var(--u))}50%,51.7%{translate:calc(var(--p1x) * var(--u))calc(var(--p1y) * var(--u))}54.4%,55.6%{translate:calc(var(--p2x) * var(--u))calc(var(--p2y) * var(--u))}56.1%{translate:calc(var(--p3x) * var(--u))calc(var(--p3y) * var(--u));animation-timing-function:linear}58.2%{translate:calc(var(--p4x) * var(--u))calc(var(--p4y) * var(--u));animation-timing-function:linear}60.3%{translate:calc(var(--p5x) * var(--u))calc(var(--p5y) * var(--u));animation-timing-function:linear}62.4%{translate:calc(var(--p6x) * var(--u))calc(var(--p6y) * var(--u));animation-timing-function:linear}64.4%,66.1%{translate:calc(var(--p7x) * var(--u))calc(var(--p7y) * var(--u))}71.1%,72.2%{translate:calc(var(--p8x) * var(--u))calc(var(--p8y) * var(--u))}75%,76.1%{translate:calc(var(--p9x) * var(--u))calc(var(--p9y) * var(--u))}82.2%,100%{translate:calc(var(--p0x) * var(--u))calc(var(--p0y) * var(--u))}}@keyframes g-hb-press{0%,50.3%,51%,54.7%,55.4%,64.7%,65.3%,71.4%,72%,75.3%,75.9%,100%{scale:1}50.6%,55%,65%,71.7%,75.6%{scale:.82}}@media(prefers-reduced-motion:reduce){.g-hb__stage,.g-hb__cur{animation:none}}