.hh{--acc:var(--green);--acc-ink:var(--green-ink);--acc-tint:var(--green-tint);--acc-tint-2:var(--green-tint-2);position:relative;overflow:hidden;isolation:isolate;margin:-69px 0 0;padding:133px 0 0;background:var(--sheet)}.hh.is-wms{--acc:var(--blue);--acc-ink:var(--blue-ink);--acc-tint:var(--blue-tint);--acc-tint-2:var(--blue-tint-2)}.hh-glow{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(38% 46% at 16% 74%,color-mix(in srgb,var(--acc) 15%,transparent),transparent 70%),radial-gradient(34% 42% at 86% 64%,color-mix(in srgb,var(--bnr-b) 85%,transparent),transparent 70%),radial-gradient(60% 34% at 50% 100%,color-mix(in srgb,var(--acc-tint-2) 80%,transparent),transparent 80%)}.hh-grid{position:absolute;left:-20%;right:-20%;bottom:-8%;height:62%;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;transform:perspective(700px) rotateX(58deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 85%);mask-image:linear-gradient(to top,#000 20%,transparent 85%)}.hh-copy{text-align:center;max-width:760px;margin:0 auto}.hh-switch{position:relative;display:inline-flex;gap:26px;padding:0 2px 12px}.hh-switch[hidden]{display:none}.hh-switch button{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;background:transparent;padding:6px 0;min-height:34px;font:inherit;font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--ink-3, var(--ink-2));transition:color .3s}.hh-switch button:before{content:"";width:7px;height:7px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.55;transition:background-color .4s,box-shadow .4s,opacity .3s}.hh-switch button:hover,.hh-switch button[aria-selected=true]{color:var(--ink)}.hh-switch button[aria-selected=true]:before{background:var(--acc);box-shadow:0 0 color-mix(in srgb,var(--acc) 45%,transparent);opacity:1;animation:hh-breathe 2.4s ease-out infinite}.hh-switch button:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:6px}.hh-switch:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;border-radius:2px;background:var(--line)}.hh-ind{position:absolute;left:0;bottom:0;height:2px;z-index:1;border-radius:2px;overflow:hidden;width:var(--iw, 0px);transform:translate(var(--ix, 0px));background:color-mix(in srgb,var(--acc) 22%,transparent);transition:transform .5s cubic-bezier(.22,.8,.2,1),width .5s cubic-bezier(.22,.8,.2,1),background-color .4s}.hh-ind i{position:absolute;inset:0;background:var(--acc);transform-origin:left;transform:scaleX(0);transition:background-color .4s}.hh-ind i.run{animation:hh-dwell 5s linear forwards}.hh.is-paused .hh-ind i{animation-play-state:paused}@keyframes hh-dwell{to{transform:scaleX(1)}}@keyframes hh-breathe{0%{box-shadow:0 0 color-mix(in srgb,var(--acc) 45%,transparent)}70%,to{box-shadow:0 0 0 7px color-mix(in srgb,var(--acc) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.hh-ind{transition:none}.hh-ind i{transform:none}.hh-ind i.run{animation:none}.hh-switch button[aria-selected=true]:before{animation:none}}.hh-swap{display:grid}.hh-swap>[data-p]{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.hh-swap>[data-p].is-on{opacity:1;visibility:visible;transform:none;transition:opacity .34s ease .2s,transform .42s cubic-bezier(.2,.7,.3,1) .2s,visibility 0s}.hh-h{margin:26px 0 0;font-size:clamp(28px,3.6vw,44px);line-height:1.3;letter-spacing:.01em;color:var(--ink)}.hh-h em{font-style:normal;color:var(--acc-ink)}.hh-lede{margin:16px auto 0;max-width:34em;font-size:clamp(15px,1.3vw,17px);line-height:1.85;color:var(--ink-2);text-wrap:pretty}.m-br{display:none}@media(max-width:560px){.hh{padding-top:109px}.m-br{display:inline}.hh-lede br{display:none}}.hh-stage{container-type:inline-size;margin-top:52px}.hh-fit{--s:1;position:relative;height:calc(520px * var(--s))}@supports (width: calc(1px*tan(atan2(1px,1px)))){.hh-fit{--s:min(1, tan(atan2(100cqw, 1200px)))}}.hh-canvas{position:absolute;top:0;left:50%;width:1200px;height:520px;transform:translate(-50%) scale(var(--s));transform-origin:50% 0;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 70px),transparent)}.hx-frame{position:absolute;left:60px;top:0;width:1080px;height:520px;padding:10px 10px 0;border-radius:22px 22px 0 0;border-bottom:0;background:color-mix(in srgb,var(--acc) 10%,var(--sheet));border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--acc) 45%,transparent);transition:background .5s,border-color .5s,box-shadow .5s}.hx{border-radius:14px 14px 0 0;overflow:hidden;background:var(--sheet);font-size:12.5px;line-height:1.5;color:var(--ink);text-align:left}.hx-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#1f1f22}.hx-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.hx-bar i:nth-child(2){background:#febc2e}.hx-bar i:nth-child(3){background:#28c840}.hx-bar span{align-self:flex-end;margin-left:10px;padding:5px 14px 6px;border-radius:7px 7px 0 0;background:#2c2c30;color:#c8c8cc;font-size:11.5px}.hx-body{display:grid;grid-template-columns:176px minmax(0,1fr);height:474px}.hx-side{display:flex;flex-direction:column;gap:3px;padding:14px 10px;border-right:1px solid var(--line-soft)}.hx-brand{display:flex;align-items:center;gap:8px;padding:0 6px 12px}.hx-brand b{display:block;font-size:13px}.hx-brand small{color:var(--ink-3);font-size:10.5px}.hx-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--acc);color:#fff;font-weight:700;font-size:15px}.hx-side>span{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;color:var(--ink-2)}.hx-side>span:before{content:"";width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.45}.hx-side>span.is-on{background:var(--acc);color:#fff}.hx-side>span.is-on:before{opacity:1}.hx-me{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px 6px 0;border-top:1px solid var(--line-soft);color:var(--ink-2)}.hx-me i{width:24px;height:24px;border-radius:50%;background:var(--line-soft)}.hx-main{display:grid;align-content:start;gap:14px;padding:16px 20px;background:var(--sheet-2);min-width:0}.hx-head{display:flex;align-items:center;gap:10px}.hx-head b{font-size:16px}.hx-seg{margin-left:auto;display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:12px}.hx-seg span{padding:5px 14px}.hx-seg .is-on{background:var(--acc);color:#fff}.hx-btn{padding:5px 14px;border-radius:999px;background:var(--acc);color:#fff;font-size:12px;font-weight:600}.hx-today{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--sheet);border:1px solid var(--line-soft);border-radius:12px}.hx-today div{padding:10px 14px}.hx-today div+div{border-left:1px solid var(--line-soft)}.hx-today small{display:block;color:var(--ink-3);font-size:11px}.hx-today b{font-family:var(--mono);font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.hx-today b.is-acc{color:var(--acc-ink)}.hx-today b.is-warn{color:var(--amber)}.hx-today em{font-style:normal;font-size:11px;color:var(--acc-ink);margin-left:4px}.hx-dash{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px}.hx-card{background:var(--sheet);border:1px solid var(--line-soft);border-radius:12px;padding:12px 14px;min-width:0}.hx-card-h{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--ink-3);font-size:11px}.hx-card-h b{color:var(--ink);font-size:12.5px}.hx-lg{display:flex;gap:10px}.hx-lg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.hx-lg .in{background:var(--acc)}.hx-lg .out{background:color-mix(in srgb,var(--acc) 40%,var(--sheet))}.hx-chart{display:block;width:100%;height:auto}.hx-chart .ch-grid{stroke:var(--line-soft)}.hx-chart .ch-ax{fill:var(--ink-3);font:9px var(--mono)}.hx-chart .ch-rest{fill:var(--line-soft)}.hx-chart .ch-area{fill:color-mix(in srgb,var(--acc) 16%,transparent)}.hx-chart .ch-line{fill:none;stroke:var(--acc);stroke-width:2.2}.hx-chart .ch-avg{stroke:var(--ink-3);stroke-dasharray:3 4}.hx-chart .ch-dot{fill:var(--sheet);stroke:var(--acc);stroke-width:2.5}.hx-chart .ch-tip{fill:var(--ink)}.hx-chart .ch-tip-t{fill:var(--sheet);font:10.5px var(--mono)}.hx-chart .ch-in{fill:var(--acc);opacity:.8}.hx-chart .ch-in.is-today{opacity:1}.hx-chart .ch-out{fill:color-mix(in srgb,var(--acc) 40%,var(--sheet))}.hx-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}.hx-list>div:last-child{border-bottom:0}.hx-list i{width:8px;height:8px;border-radius:50%;background:var(--acc)}.hx-list i.is-warn{background:var(--amber)}.hx-list small{display:block;color:var(--ink-3);font-size:10.5px}.hx-list b{font-family:var(--mono);font-weight:500}.hx-list b.is-warn{color:var(--amber)}.hh-floats{position:absolute;inset:0;z-index:2;display:block}.hh-floats>[data-p]{position:absolute;inset:0}.hf{position:absolute;background:var(--sheet);border-radius:14px;color:var(--ink);text-align:left;font-size:12px;box-shadow:var(--shadow-lift)}.hf small{display:block;color:var(--ink-3);font-size:11.5px}.hf-toast{left:4px;bottom:60px;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:13px}.hf-ok{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--acc-tint);color:var(--acc-ink);font-weight:700}.hf-card{right:4px;bottom:96px;width:236px;padding:12px 14px}.hf-who{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hf-who b{font-size:12.5px}.hf-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--acc-tint);color:var(--acc-ink);font-size:11px;font-weight:700}.hf-amt{font-size:22px;color:var(--acc-ink)}.hf-amt small{display:inline;margin-left:4px;font-size:12px}.hf-bar{display:flex;height:6px;margin-top:8px;border-radius:999px;overflow:hidden;background:var(--line-soft)}.hf-bar i{background:var(--acc)}.hf-bar i+i{background:color-mix(in srgb,var(--acc) 50%,var(--sheet))}.hf-leg{display:flex;justify-content:space-between;margin-top:5px;color:var(--ink-3);font-size:10.5px}.hf-card.is-warn .hf-av{background:var(--amber-tint);color:var(--amber)}.hf-card.is-warn .hf-amt{color:var(--amber)}.hf-card.is-warn .hf-bar i{background:var(--amber)}@media(prefers-reduced-motion:reduce){.hh-swap>[data-p],.hh-swap>[data-p].is-on{transition:none;transform:none}.hx-frame,.hh-switch button{transition:none}}.pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:36px}.pc{position:relative;overflow:hidden;border-radius:16px;grid-column:span 3;min-height:300px;display:flex;flex-direction:column;padding:30px 28px 0;color:#fff;transition:transform .2s,box-shadow .2s}.pc:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000029}.pc-lg{grid-column:span 3;min-height:392px;padding:40px 40px 0;text-align:center}.pc-top{position:relative;z-index:1}.pc h3{font-family:var(--serif);font-size:22px;letter-spacing:.01em;color:#fff}.pc-lg h3{font-size:30px}.pc-sub{margin-top:8px;font-size:13.5px;color:#ffffffb8}.pc-lg .pc-sub{font-size:14.5px}.pc-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.pc-lg .pc-links{justify-content:center;margin-top:22px}.pc-links a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13.5px;font-weight:600;color:#fff}.pc-links a:hover .ar{transform:translate(3px)}.pc-links .ar{width:14px;height:14px;transition:transform .18s}.pc-shot{margin-top:auto;padding-top:26px;transform:translateY(14px)}.pc-lg .pc-shot{padding:0 6px;transform:translateY(20px)}.pc-win{margin-inline:-16px;background:#fff;border-radius:12px 12px 0 0;padding:12px 12px 0;box-shadow:0 12px 30px #0000003d}.pc-win img{display:block;width:100%;height:auto}.pc-count{background:linear-gradient(160deg,#2f9e44,#1e7a32)}.pc-wms{background:linear-gradient(160deg,#4262ff,#2b3fc4)}@media(max-width:1080px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.pc-lg,.pc{grid-column:span 2}}@media(max-width:760px){.pgrid{grid-template-columns:minmax(0,1fr)}.pc,.pc-lg{grid-column:span 1;min-height:0;padding:26px 22px 0;text-align:left}.pc-lg .pc-links{justify-content:flex-start}}
