.bs-stage{perspective:1600px;pointer-events:none;width:440px;height:440px;margin:-220px 0 0 -220px;position:absolute;top:46%;left:50%}.bs-scene{--s:.76;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(calc(57deg + var(--tx,0deg))) rotateZ(calc(-38deg + var(--tz,0deg)));transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}@media (min-width:1280px){.bs-scene{--s:.9}}.bs-floor{background-image:linear-gradient(color-mix(in oklch, var(--brand-foreground) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--brand-foreground) 10%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:44px 44px;border-radius:28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.bs-orbit{border:1px dashed color-mix(in oklch, var(--brand-foreground) 28%, transparent);width:300px;height:300px;transform-style:preserve-3d;border-radius:50%;margin:-150px 0 0 -150px;animation:28s linear infinite bs-spin;position:absolute;top:50%;left:50%}.bs-orbit-inner{border-style:solid;border-color:color-mix(in oklch, var(--brand-foreground) 14%, transparent);width:196px;height:196px;margin:-98px 0 0 -98px;animation-duration:18s;animation-direction:reverse}.bs-dot{background:var(--brand-foreground);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in oklch, var(--brand-foreground) 18%, transparent), 0 0 18px color-mix(in oklch, var(--brand-foreground) 60%, transparent);border-radius:50%;margin-left:-6px;position:absolute;top:-6px;left:50%;transform:translateZ(8px)}.bs-orbit-inner .bs-dot{width:9px;height:9px;margin-left:-4.5px;top:auto;bottom:-5px}.bs-pulse{border:1.5px solid color-mix(in oklch, var(--brand-foreground) 45%, transparent);border-radius:22px;width:140px;height:140px;animation:3.6s ease-out infinite bs-pulse;position:absolute;top:calc(50% - 70px);left:calc(50% - 70px)}.bs-shade{background:color-mix(in oklch, var(--brand) 55%, black);filter:blur(14px);opacity:.5;animation:7s ease-in-out infinite bs-shade;animation-delay:var(--d,0s);border-radius:14px;position:absolute}.bs-item{transform-style:preserve-3d;transform:translateZ(var(--z));animation:7s ease-in-out infinite bs-float;animation-delay:var(--d,0s);position:absolute}.bs-item:before{content:"";background:color-mix(in oklch, var(--brand) 55%, var(--card));border-radius:14px;position:absolute;inset:0;transform:translateZ(-7px)}.bs-tile{background:var(--card);height:100%;color:var(--card-foreground);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--card-foreground) 8%, transparent);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:relative}.bs-label{color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.bs-label svg{width:13px;height:13px;color:var(--primary)}.bs-value{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.1}.bs-small{color:var(--muted-foreground);font-size:11px}.bs-pill{background:color-mix(in srgb, var(--primary) 16%, var(--card));color:var(--primary);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.bs-pill svg{width:11px;height:11px}.bs-meter{align-items:center;gap:10px;display:flex}.bs-meter svg{flex:none;width:34px;height:34px;transform:rotate(-90deg)}.bs-track{stroke:currentColor;stroke-opacity:.15}.bs-progress{stroke:var(--primary)}.bs-bars{align-items:end;gap:4px;height:30px;margin-top:auto;display:flex}.bs-bars span{background:color-mix(in srgb, var(--primary) 30%, var(--card));border-radius:3px;flex:1}.bs-bars span:last-child{background:var(--primary)}.bs-faces{margin-top:2px;display:flex}.bs-faces span{border:2px solid var(--card);background:color-mix(in srgb, var(--primary) 22%, var(--card));border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-6px;font-size:9.5px;font-weight:600;display:grid}.bs-faces span:first-child{margin-left:0}.bs-faces .bs-more{background:var(--card-foreground);color:var(--card)}.bs-cube{--w:104px;--h:168px;width:var(--w);height:var(--w);transform-style:preserve-3d;animation:7s ease-in-out infinite bs-bob;position:absolute;top:calc(50% - 52px);left:calc(50% - 52px)}.bs-cube>div{position:absolute}.bs-top{transform:translateZ(var(--h));background:color-mix(in oklch, var(--brand) 10%, var(--brand-foreground));border-radius:10px;place-items:center;display:grid;inset:0}.bs-top img{width:74px;height:auto;transform:rotate(38deg)}.bs-north{width:var(--w);height:var(--h);transform-origin:bottom;background:color-mix(in oklch, var(--brand) 85%, var(--brand-foreground));bottom:100%;left:0;transform:rotateX(-90deg)}.bs-south{width:var(--w);height:var(--h);transform-origin:top;background:color-mix(in oklch, var(--brand) 78%, black);top:100%;left:0;transform:rotateX(90deg)}.bs-east{width:var(--h);height:var(--w);transform-origin:0;background:color-mix(in oklch, var(--brand) 88%, black);top:0;left:100%;transform:rotateY(-90deg)}.bs-west{width:var(--h);height:var(--w);transform-origin:100%;background:color-mix(in oklch, var(--brand) 70%, var(--brand-foreground));top:0;right:100%;transform:rotateY(90deg)}@keyframes bs-float{0%,to{transform:translateZ(var(--z))}50%{transform:translateZ(calc(var(--z) + 18px))}}@keyframes bs-shade{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(.92)}}@keyframes bs-bob{0%,to{transform:translateZ(0)}50%{transform:translateZ(8px)}}@keyframes bs-spin{to{transform:rotate(360deg)}}@keyframes bs-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.bs-scene *,.bs-scene :before{animation:none!important}.bs-scene{transition:none}}