.hcx{overflow-anchor:none;--gtx:#fcd535;--ln:#fcd535;--stage:var(--bg2);--tr:#eaecef9e;max-width:1120px;margin:0 auto;padding:12px 0 40px}:root:not([data-theme=dark]) .hcx{--gtx:#a97c00;--ln:#d9a400;--stage:#fafafa;--tr:#1e232980}.hcx h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-size:31px;font-weight:800;line-height:1.14}.hcx h1 em{color:var(--gtx);font-style:normal;display:block}.hcx-lead{color:var(--ink2);margin:0 0 14px;font-size:16.5px;font-weight:600;line-height:1.4}.hcx h2{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0 0 12px;font-size:22px;font-weight:800;line-height:1.2}.hcx-nb{display:inline-block}.hcx section{margin-top:34px}.hcx section.hcx-top{margin-top:0}.hcx-sub{color:var(--mute);margin:10px 0 0;font-size:13.5px;line-height:1.45}.hcx-sub-t{margin:-6px 0 12px}.hcx-risk{color:var(--mute);margin:10px 0 0;font-size:13px;line-height:1.4}.hcx .bigbtn{margin-top:12px}.hcx-btns{gap:8px;margin-top:12px;display:flex}.hcx-btns .bigbtn{text-align:center;flex:1 1 0;min-width:0;margin-top:0;padding:0 8px;line-height:1.15}.hcx .pc-only{display:none}.hcx .you{color:#202630;letter-spacing:.02em;white-space:nowrap;background:#fcd535;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:7.5px;font-style:normal;font-weight:900;line-height:1;display:inline-flex;overflow:hidden}.hcx-card{background:var(--stage);border:1px solid var(--line);border-radius:18px;padding:14px 14px 10px;position:relative;overflow:hidden}.hcx-card:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#fcd5351f,#0000);width:340px;height:340px;position:absolute;top:-130px;right:-110px}.hcx-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.hcx-nums>div{min-width:0}.hcx-nums .lb{color:var(--mute);align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:22px;display:flex}.hcx-nums .lb img{border-radius:50%;flex:none;width:22px;height:22px}.hcx-nums b{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;opacity:0;margin-top:3px;font-size:41px;font-weight:800;line-height:1.1;transition:opacity .2s;display:block}.hcx-nums .me b{color:var(--gtx)}.hcx-nums small{color:var(--ink2);font-variant-numeric:tabular-nums;opacity:0;margin-top:2px;font-size:13.5px;font-weight:600;transition:opacity .2s;display:block}.hcx-card.on .hcx-nums b,.hcx-card.on .hcx-nums small{opacity:1}.hcx-chart{margin-top:4px;position:relative}.hcx-chart svg{width:100%;height:auto;display:block;overflow:visible}.hcx-chart path{fill:none}.hcx-chart .base{stroke:var(--line);stroke-width:1px}.hcx-chart path.area{fill:url(#hcx-fill)}.hcx-chart .line-t,.hcx-chart .line-m{stroke-linejoin:round;visibility:hidden}.hcx-chart .line-t{stroke:var(--tr);stroke-width:2.4px}.hcx-chart .line-m{stroke:var(--ln);stroke-width:2.6px}.hcx-card.on .line-t,.hcx-card.on .line-m{visibility:visible}.hcx-chart .spark{fill:#fff}:root:not([data-theme=dark]) .hcx-chart .spark{fill:#7a5a00}.hcx-chart .hd{opacity:0;line-height:0;display:block;position:absolute}.hcx-card.on .hd{opacity:1}.hcx-chart .hd.tdr{transform:translate(-50%,calc(-100% - 6px))}.hcx-chart .hd.me{transform:translate(-50%,6px)}.hcx-chart .hd img{border:2px solid var(--stage);width:30px;height:30px;box-shadow:0 0 0 1px var(--tr);border-radius:50%}.hcx-chart .hd .you{border:2px solid var(--stage);width:30px;height:30px;font-size:9.5px;box-shadow:0 0 #fcd53580}.hcx-card.done .hd .you{animation:2.2s ease-out infinite hcx-ring}@keyframes hcx-ring{0%{box-shadow:0 0 #fcd53580}70%,to{box-shadow:0 0 0 12px #fcd53500}}.hcx-pill{background:var(--up);color:#04140d;opacity:0;border-radius:999px;align-items:baseline;gap:5px;padding:7px 14px;font-size:15px;font-weight:800;transition:opacity .25s,transform .4s cubic-bezier(.2,1.6,.4,1);display:inline-flex;position:absolute;bottom:15%;right:6%;transform:scale(.6);box-shadow:0 8px 24px #2ebd8547}.hcx-pill b{letter-spacing:-.02em;font-size:23px;font-weight:900}.hcx-card.done .hcx-pill{opacity:1;transform:none}.hcx-chart .ax{color:var(--mute);font-size:12px;position:absolute;bottom:0}.hcx-chart .ax-l{left:2%}.hcx-chart .ax-r{right:8%}.hcx-fd{background:var(--stage);border:1px solid var(--line);border-radius:18px;padding:14px}.hcx-fd .row{border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:12px;min-height:70px;padding:10px 12px;display:flex}.hcx-fd .row img,.hcx-fd .row .you.big{border-radius:50%;flex:none;width:38px;height:38px}.hcx-fd .you.big{font-size:12px}.hcx-fd .tx{flex-direction:column;flex:1;min-width:0;display:flex}.hcx-fd .tx span{color:var(--mute);font-size:12.5px;font-weight:700;line-height:1.3}.hcx-fd .tx b{color:var(--ink);font-size:17px;font-weight:800;line-height:1.25}.hcx-fd .tx small{color:var(--ink2);font-size:13px;line-height:1.3}.hcx-fd .row.a{border-color:var(--tr);animation:.35s hcx-in}@keyframes hcx-in{0%{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}}.hcx-fd .row.b{opacity:.5}.hcx-fd .row.b .tx b{color:var(--mute)}.hcx-fd.ph2 .row.b{opacity:1;border-color:var(--ln);transition:border-color .3s,opacity .3s;box-shadow:0 0 0 3px #fcd5351a}.hcx-fd.ph2 .row.b .tx b{color:var(--ink)}.hcx-fd .ok{background:var(--up);opacity:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex;transform:scale(.5)}.hcx-fd.ph2 .ok{opacity:1;transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1);transform:none}.hcx-fd .ok svg{fill:none;stroke:#04140d;stroke-width:3px;width:16px;height:16px}.hcx-fd .mid{align-items:center;gap:10px;height:32px;padding-left:30px;display:flex}.hcx-fd .wire{background:var(--line);width:2px;height:100%;display:block;position:relative}.hcx-fd .bead{background:var(--ln);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px}.hcx-fd.ph1 .bead{opacity:1;animation:1.5s linear forwards hcx-bead}@keyframes hcx-bead{0%{top:-4px}to{top:calc(100% - 4px)}}.hcx-fd .mid span{color:var(--mute);font-size:12.5px;font-weight:700;transition:color .2s}.hcx-fd.ph1 .mid span{color:var(--gtx)}.hcx-t{background:var(--stage);border:1px solid var(--line);border-radius:18px;padding:14px}.hcx-big{align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.hcx-big b{letter-spacing:-.03em;color:var(--up);font-size:41px;font-weight:800;line-height:1.05}.hcx-big span{color:var(--ink);text-wrap:balance;font-size:15px;font-weight:700;line-height:1.25}.hcx-bars{border-radius:7px;gap:2px;height:14px;margin-bottom:8px;display:flex;overflow:hidden}.hcx-bars i{transform-origin:0;transition:transform .9s cubic-bezier(.2,.8,.2,1);display:block;transform:scaleX(0)}.hcx-t.in .hcx-bars i{transform:none}.hcx-t .l0{background:var(--up)}.hcx-t .l1{background:#2ebd8594}.hcx-t .l2{background:#2ebd854d}.hcx-t .l3{background:var(--mute2)}.hcx-t ul{margin:0;padding:0;list-style:none}.hcx-t li{border-top:1px solid var(--line);grid-template-columns:10px minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;font-size:13.5px;display:grid}.hcx-t li:first-child{border-top:0}.hcx-t li>i{border-radius:3px;width:10px;height:10px}.hcx-t li b{color:var(--ink);white-space:nowrap;font-weight:800}.hcx-t li span{color:var(--mute);min-width:0}.hcx-t li em{color:var(--ink2);white-space:nowrap;font-style:normal;font-weight:700}.hcx-t li:first-child b,.hcx-t li:first-child em{color:var(--up)}.hcx-pf{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.hcx-pc{background:var(--stage);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.hcx-pc .h{flex-wrap:wrap;align-items:baseline;gap:7px;margin-bottom:6px;display:flex}.hcx-pc .h b{letter-spacing:-.02em;color:var(--ink);font-size:25px;font-weight:800}.hcx-pc .h span{color:var(--mute);font-size:13px;font-weight:700}.hcx-pc .h em{color:var(--mute);margin-left:auto;font-size:13px;font-style:normal;font-weight:700}.hcx-pc .h em.ahead{color:var(--up)}.hcx-pc svg{width:100%;height:auto;display:block}.hcx-pc path{fill:none;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.5s}.hcx-pf.in .hcx-pc path{stroke-dashoffset:0}.hcx-pc .me{stroke:var(--ln);stroke-width:3px}.hcx-pc .him{stroke:var(--tr);stroke-width:2.6px}.hcx-key{color:var(--mute);gap:14px;margin-top:10px;font-size:12.5px;display:flex}.hcx-key span{align-items:center;gap:6px;display:inline-flex}.hcx-key i{border-radius:2px;width:14px;height:3px}.hcx-key i.me{background:var(--ln)}.hcx-key i.him{background:var(--tr)}.hcx-see{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hcx-see>div{background:var(--stage);border:1px solid var(--line);border-radius:16px;min-width:0;padding:13px 13px 12px}.hcx-see small{color:var(--gtx);font-size:12px;font-weight:700;line-height:1.3;display:block}.hcx-see b{letter-spacing:-.02em;color:var(--up);margin-top:6px;font-size:31px;font-weight:800;line-height:1.2;display:block}.hcx-see span{color:var(--ink);margin-top:1px;font-size:14.5px;font-weight:800;display:block}.hcx-see p{color:var(--mute);margin:4px 0 0;font-size:13px;line-height:1.35}.hcx-end h2{margin-bottom:2px}.hcx .fine{color:var(--mute);text-align:left;margin:12px 0 0;font-size:12.5px;line-height:1.5}.hcx .fine a{color:var(--ink2);white-space:nowrap;text-decoration:underline}:root:lang(ja) .hcx .you{letter-spacing:0;font-size:6px}:root:lang(ja) .hcx-chart .hd .you{font-size:8px}:root:lang(ja) .hcx-fd .you.big{font-size:11px}@media (max-width:374px){.hcx h1{font-size:28px}.hcx-lead{font-size:15.5px}.hcx-nums b{font-size:36px}.hcx-t li{font-size:13px}}@media (min-width:900px){.hcx{padding-top:20px}.hcx .ph-only{display:none}.hcx .pc-only{display:block}.hcx-top{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:48px;display:grid}.hcx h1{margin-bottom:14px;font-size:46px;line-height:1.08}.hcx-lead{margin-bottom:18px;font-size:19px}.hcx .pc-only .hcx-btns{max-width:440px}.hcx h2{margin-bottom:14px;font-size:26px}.hcx section{margin-top:56px}.hcx-card{padding:20px 22px 14px}.hcx-nums b{font-size:52px}.hcx-nums small{font-size:15px}.hcx-pill{font-size:17px}.hcx-pill b{font-size:28px}.hcx-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.hcx-pf{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.hcx-end .bigbtn{max-width:320px}}
