.bs,.bs-mini{--b:#3666d2;--bd:#284fae;--bs:#eef3fd;--bl:#cfdcf7;--t:#0e0e10;--t2:#55534e;--t3:#8a877f;--ln:#e6e3dc;--ok:#2f7d4f;--oks:#eef7f1;font-family:Geist,system-ui,sans-serif}.bs{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:40px;gap:40px;align-items:center;padding:40px;border:1px solid var(--ln);border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 18% 40%,var(--bs),#fff 70%);box-shadow:0 30px 70px rgba(54,102,210,.1)}.bs:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--bl) 1px,transparent 1px),linear-gradient(90deg,var(--bl) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 40% 60% at 18% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 40% 60% at 18% 45%,#000,transparent 75%)}.bs-hub{position:relative;width:260px;height:260px;display:grid;place-items:center;margin:0 auto}.bs-hub:after,.bs-hub:before{content:"";position:absolute;inset:30px;border-radius:50%;border:1px solid var(--bl);animation:bs-pulse 3s ease-out infinite}.bs-hub:after{animation-delay:1.5s}.bs-ring{position:absolute;transform:rotate(-90deg);filter:drop-shadow(0 10px 24px rgba(54,102,210,.25))}.bs-track{stroke:var(--bs)}.bs-fill,.bs-track{fill:none;stroke-width:9}.bs-fill{stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1)}.bs-num{position:relative;display:grid;justify-items:center}.bs-num b{font-size:56px;font-weight:650;letter-spacing:-.04em;line-height:1;color:var(--t);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bs-num sup{font-size:22px;color:var(--b);margin-left:2px}.bs-num small{margin-top:6px;font-size:12.5px;color:var(--t2)}.bs-orbit{position:absolute;inset:0;animation:bs-spin 14s linear infinite}.bs-orbit i{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;border:2px solid var(--bl);transform:rotate(var(--a)) translateY(-124px);transition:background .4s,border-color .4s,box-shadow .4s}.bs-orbit i.now{background:var(--b);border-color:var(--b);box-shadow:0 0 0 5px rgba(54,102,210,.18),0 0 18px rgba(54,102,210,.6)}.bs-orbit i.done{background:var(--ok);border-color:var(--ok)}.bs-side{position:relative;min-width:0}.bs-over{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b)}.bs-over i{width:8px;height:8px;border-radius:50%;background:var(--b);animation:bs-blink 1.2s ease-in-out infinite}.bs-side h2{margin:0 0 18px;font-size:24px;letter-spacing:-.02em;color:var(--t)}.bs-lanes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.bs-lane{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ln);border-radius:16px;background:rgba(255,255,255,.9);animation:bs-in .5s both;transition:border-color .3s,box-shadow .3s,background .3s}.bs-lane b{display:block;font-size:14px;color:var(--t)}.bs-lane small{display:block;font-size:12.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:bs-line .45s both}.bs-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f4f3ef;color:var(--t3);transition:background .3s,color .3s}.bs-bar{display:block;height:3px;margin-top:7px;border-radius:3px;background:#f0eee9;overflow:hidden}.bs-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#6d93ec,var(--bd))}.bs-lane.now{border-color:var(--bl);background:#fff;box-shadow:0 12px 30px rgba(54,102,210,.12)}.bs-lane.now .bs-ico{background:var(--b);color:#fff;animation:bs-glow 1.8s ease-in-out infinite}.bs-lane.now small{color:var(--bd)}.bs-lane.now .bs-bar i{width:45%;animation:bs-run 1.3s ease-in-out infinite}.bs-lane.done .bs-ico{background:var(--oks);color:var(--ok)}.bs-lane.done .bs-bar i{width:100%;background:var(--ok)}.bs-lane.done small{color:var(--ok)}.bs-lane.wait{opacity:.62}.bs-state{color:var(--ok);display:grid;place-items:center}.bs-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--bl);border-top-color:var(--b);animation:bs-spin .8s linear infinite}.bs-sheet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:14px}.bs-sheet span{position:relative;display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px;aspect-ratio:1;border-radius:12px;border:1px dashed var(--bl);color:var(--bl);overflow:hidden;transition:background .5s,color .5s,border-color .5s}.bs-sheet small{font-size:10.5px;font-weight:600}.bs-sheet .now{border:1px solid var(--b);color:var(--b);background:linear-gradient(110deg,var(--bs) 30%,#fff 50%,var(--bs) 70%);background-size:250% 100%;animation:bs-shimmer 1.2s linear infinite}.bs-sheet .now:after{content:"";position:absolute;inset:0;background:#fff;animation:bs-flash 2.4s ease-out infinite}.bs-sheet .done{border:1px solid transparent;color:#fff;background:radial-gradient(circle at 50% 40%,#6d93ec,var(--bd));box-shadow:0 8px 18px rgba(54,102,210,.25)}@keyframes bs-shimmer{to{background-position:-150% 0}}@keyframes bs-flash{0%,70%{opacity:0}74%{opacity:.9}to{opacity:0}}.bs-fine{margin:16px 0 0;font-size:13px;color:var(--t3)}.bs-mini{display:flex;align-items:center;gap:12px;margin-top:6px}.bs-mini-ring{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:none}.bs-mini-ring .bs-ring{filter:none}.bs-mini-ring b{position:relative;font-size:11px;font-weight:700;color:var(--bd);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bs-mini .bs-fill,.bs-mini .bs-track{stroke-width:12}.bs-chips{display:flex;gap:4px}.bs-chips i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f4f3ef;color:var(--t3);transition:background .3s,color .3s}.bs-chips i.now{background:var(--b);color:#fff;animation:bs-glow 1.8s ease-in-out infinite}.bs-chips i.done{background:var(--oks);color:var(--ok)}.bs-mini-bar{flex:1 1;max-width:200px;height:4px;border-radius:4px;background:var(--bs);overflow:hidden}.bs-mini-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d93ec,var(--bd));transition:width .6s}@keyframes bs-spin{to{transform:rotate(1turn)}}@keyframes bs-pulse{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes bs-blink{50%{opacity:.25}}@keyframes bs-in{0%{opacity:0;transform:translateY(8px)}}@keyframes bs-line{0%{opacity:0;transform:translateY(6px)}}@keyframes bs-run{0%{transform:translateX(-100%)}to{transform:translateX(230%)}}@keyframes bs-glow{50%{box-shadow:0 0 0 5px rgba(54,102,210,.16)}}.bs-orbit i{animation:none}@media (max-width:860px){.bs{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 16px;border-radius:22px}.bs:before{-webkit-mask-image:radial-gradient(ellipse 70% 30% at 50% 18%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 30% at 50% 18%,#000,transparent 75%)}.bs-hub{width:230px;height:230px}.bs-orbit i{transform:rotate(var(--a)) translateY(-110px)}.bs-side h2{font-size:20px;text-align:center}.bs-over{justify-content:center}.bs-lanes{grid-template-columns:minmax(0,1fr)}.bs-chips i:nth-child(n+5),.bs-mini-bar{display:none}}@media (prefers-reduced-motion:reduce){.bs *,.bs-hub:after,.bs-hub:before,.bs-mini *,.bs:before{animation:none!important}}