.bnph{--bnph-cycle:11.2s;--bnph-push:cubic-bezier(.32, .72, 0, 1);--bnph-pop:cubic-bezier(.34, 1.56, .64, 1);--bnph-mono:"SF Mono", "SFMono-Regular", ui-monospace, menlo, consolas, monospace;--bnph-line:#e5e5e5;--bnph-ink:#1a1a1a;--bnph-mid:#6c7280;--bnph-soft:#9da1a1;aspect-ratio:600/470;-webkit-user-select:none;user-select:none;width:100%;position:relative}.bnph__stage{transform-origin:top;width:600px;height:470px;position:absolute;top:0;left:50%}.bnph__scene{--bnph-chip-x:300px;color:var(--bnph-ink);font-variant-numeric:tabular-nums;position:absolute;inset:0}.bnph__card{border:1px solid var(--bnph-line);opacity:0;width:600px;height:256px;transition:opacity .52s var(--bnph-push), transform .52s var(--bnph-push);background:#fff;border-radius:18px;position:absolute;top:0;left:0;transform:translateY(16px)scale(.985);box-shadow:0 1px 2px #1018280a,0 10px 30px -18px #10182838}.bnph__card.is-in{opacity:1;transform:none}.bnph__card.is-out{opacity:0;transition-duration:.5s;transform:translateY(-12px)scale(.99)}.bnph__head{align-items:center;gap:12px;height:44px;display:flex;position:absolute;top:20px;left:22px;right:22px}.bnph__avatar{color:#2567ff;letter-spacing:.02em;background:#eef3ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:13.5px;font-weight:600;display:flex}.bnph__id{flex-direction:column;gap:4px;min-width:0;display:flex}.bnph__name{white-space:nowrap;font-size:15.5px;font-weight:500;line-height:1.05}.bnph__meta{font-family:var(--bnph-mono);color:var(--bnph-mid);white-space:nowrap;font-size:11px;line-height:1}.bnph__status{min-width:168px;height:28px;margin-left:auto;position:relative}.bnph__timer{font-family:var(--bnph-mono);color:var(--bnph-mid);white-space:nowrap;opacity:0;font-size:12px;transition:opacity .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.bnph__timer.is-on{opacity:1}.bnph__verdict{color:#1b7a4b;white-space:nowrap;opacity:0;transition:opacity .34s var(--bnph-pop), transform .34s var(--bnph-pop);background:#41d97f24;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)scale(.92)}.bnph__verdict.is-on{opacity:1;transform:translateY(-50%)scale(1)}.bnph__verdict svg{flex:none;width:12px;height:12px}.bnph__verdict-cost{font-family:var(--bnph-mono);opacity:.66;font-size:11px}.bnph__rule{background:#edeef0;height:1px;position:absolute;top:80px;left:22px;right:22px}.bnph__checks{position:absolute;top:98px;left:22px;right:22px}.bnph__check{opacity:0;height:29px;transition:opacity .34s var(--bnph-push), transform .34s var(--bnph-push);align-items:center;gap:12px;display:flex;transform:translateY(6px)}.bnph__check.is-in{opacity:1;transform:none}.bnph__ck-ic{flex:none;width:18px;height:18px;position:relative}.bnph__ck-dash{opacity:1;background:#e0e2e5;border-radius:1px;width:10px;height:2px;transition:opacity .2s;position:absolute;top:8px;left:4px}.bnph__check.is-pending .bnph__ck-dash,.bnph__check.is-ok .bnph__ck-dash{opacity:0}.bnph__sp{opacity:0;width:18px;height:18px;transition:opacity .2s;position:absolute;inset:0}.bnph__check.is-pending .bnph__sp{opacity:1}.bnph.is-playing .bnph__check.is-pending .bnph__sp{animation:.9s linear infinite bnph-spin}@keyframes bnph-spin{to{transform:rotate(360deg)}}.bnph__sp-track{stroke:#e8e9eb}.bnph__sp-arc{stroke:#2567ff}.bnph__tk{opacity:0;width:18px;height:18px;transition:opacity .26s var(--bnph-pop), transform .26s var(--bnph-pop);position:absolute;inset:0;transform:scale(.55)}.bnph__check.is-ok .bnph__tk{opacity:1;transform:scale(1)}.bnph__ck-lbl{color:var(--bnph-ink);font-size:13px;line-height:1}.bnph__ck-price{font-family:var(--bnph-mono);color:var(--bnph-soft);margin-left:auto;font-size:11px}.bnph__plan{opacity:0;width:600px;height:130px;transition:opacity .46s var(--bnph-push), transform .46s var(--bnph-push);position:absolute;top:288px;left:0;transform:translateY(10px)}.bnph__plan.is-in{opacity:1;transform:none}.bnph__plan-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:absolute;top:0;left:2px;right:2px}.bnph__plan-title{font-family:var(--bnph-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--bnph-soft);font-size:10px}.bnph__plan-mono{font-family:var(--bnph-mono);color:var(--bnph-mid);white-space:nowrap;font-size:11px}.bnph__chip{border:1px solid var(--bnph-line);font-family:var(--bnph-mono);white-space:nowrap;color:var(--bnph-mid);opacity:0;transform:translate(calc(var(--bnph-chip-x) - 50%), 7px) scale(.96);transition:opacity .28s var(--bnph-push), transform .42s var(--bnph-pop);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:6px 11px;font-size:10.5px;line-height:1;display:inline-flex;position:absolute;top:22px;left:0;box-shadow:0 8px 22px -14px #10182866}.bnph__chip.is-on{opacity:1;transform:translate(calc(var(--bnph-chip-x) - 50%), 0) scale(1)}.bnph__chip-sep{color:#d7d9dd}.bnph__chip-st{letter-spacing:.05em;color:#1b7a4b;font-weight:600}.bnph__chip.t-review .bnph__chip-st{color:#b4560f}.bnph__chip-cost{color:var(--bnph-soft)}.bnph__chip.is-note .bnph__chip-ep,.bnph__chip.is-note .bnph__chip-sep,.bnph__chip.is-note .bnph__chip-cost{display:none}.bnph__chip.is-note .bnph__chip-st{letter-spacing:.01em;font-weight:500}.bnph__rail{touch-action:pan-y;width:600px;height:44px;position:absolute;top:56px;left:0}.bnph__track,.bnph__fill{border-radius:1px;width:512px;height:2px;position:absolute;top:21px;left:44px}.bnph__track{background:#e8e9eb}.bnph__fill{transform-origin:0;transition:transform .66s var(--bnph-push);background:#2567ff;transform:scaleX(0)}.bnph__dot{border:1.5px solid var(--bnph-line);width:34px;height:34px;color:var(--bnph-soft);font-family:var(--bnph-mono);cursor:pointer;transition:background-color .34s var(--bnph-push), border-color .34s var(--bnph-push), color .34s var(--bnph-push), box-shadow .34s var(--bnph-push), transform .34s var(--bnph-pop);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-17px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:5px}.bnph__dot.is-charged{color:#fff;background:#2567ff;border-color:#2567ff}.bnph__dot.is-active{transform:scale(1.1);box-shadow:0 0 0 6px #2567ff1a}.bnph__dot.is-review{color:#b4560f;background:#fff;border-color:#ff7426}.bnph__dot.is-review.is-active{box-shadow:0 0 0 6px #ff742621}.bnph__dot-lab{font-family:var(--bnph-mono);color:var(--bnph-soft);white-space:nowrap;font-size:10px;line-height:1;position:absolute;top:46px;transform:translate(-50%)}.bnph__foot{justify-content:space-between;align-items:center;gap:12px;height:26px;display:flex;position:absolute;top:432px;left:2px;right:2px}.bnph__aml{font-family:var(--bnph-mono);color:var(--bnph-soft);opacity:0;align-items:center;gap:8px;font-size:10.5px;transition:opacity .4s;display:inline-flex}.bnph__aml.is-in{opacity:1}.bnph__aml-dot{opacity:.34;width:6px;height:6px;transition:opacity .32s ease, transform .32s var(--bnph-pop);background:#2567ff;border-radius:50%;transform:scale(1)}.bnph__aml.is-tick .bnph__aml-dot{opacity:1;transform:scale(1.55)}.bnph__settled{color:#1b7a4b;white-space:nowrap;opacity:0;transition:opacity .34s var(--bnph-pop), transform .34s var(--bnph-pop);background:#41d97f24;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:11.5px;font-weight:500;display:inline-flex;transform:scale(.92)}.bnph__settled.is-on{opacity:1;transform:scale(1)}.bnph__settled svg{flex:none;width:12px;height:12px}@media (prefers-reduced-motion:reduce){.bnph *,.bnph :before,.bnph :after{transition:none!important;animation:none!important}.bnph__dot{cursor:default}}