.qfx-porbit-stage{--porbit-glow:color-mix(in oklab, var(--primary) 60%, transparent);perspective:900px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform-origin:top;flex-shrink:0;width:680px;height:360px;position:relative}.qfx-porbit-stage.qfx-porbit-grabbing{cursor:grabbing}.qfx-porbit-stage img{-webkit-user-drag:none}.qfx-porbit-halo{background:radial-gradient(closest-side, color-mix(in oklab, var(--primary) 45%, transparent), color-mix(in oklab, var(--primary) 10%, transparent) 62%, transparent);filter:blur(18px);border-radius:50%;width:300px;height:260px;animation:3.6s ease-in-out infinite qfx-porbit-pulse;position:absolute;top:38px;left:190px}@keyframes qfx-porbit-pulse{50%{opacity:.8;transform:scale(1.12)}}.qfx-porbit-ping{border:1.5px solid color-mix(in oklab, var(--primary) 70%, transparent);opacity:0;pointer-events:none;border-radius:50%;width:300px;height:80px;margin:-40px 0 0 -150px;animation:4.8s cubic-bezier(.16,1,.3,1) infinite qfx-porbit-wave;position:absolute;top:178px;left:340px;transform:rotate(-6deg)scale(.2)}.qfx-porbit-ping-late{animation-delay:-2.4s}@keyframes qfx-porbit-wave{0%{opacity:.9;transform:rotate(-6deg)scale(.2)}to{opacity:0;transform:rotate(-6deg)scale(2)}}.qfx-porbit-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qfx-porbit-back{z-index:1}.qfx-porbit-front{z-index:30}.qfx-porbit-ring path{fill:none;stroke-linecap:round}.qfx-porbit-ring-main{stroke:color-mix(in oklab, var(--primary) 55%, transparent);stroke-width:1.6px;filter:drop-shadow(0 0 6px var(--porbit-glow))}.qfx-porbit-ring-inner{stroke:color-mix(in oklab, var(--primary) 25%, transparent);stroke-width:1.2px;stroke-dasharray:3 7}.qfx-porbit-back .qfx-porbit-ring-main{stroke:color-mix(in oklab, var(--primary) 30%, transparent)}.qfx-porbit-back .qfx-porbit-ring-inner{stroke:color-mix(in oklab, var(--primary) 16%, transparent)}.qfx-porbit-ring-plane{fill:color-mix(in oklab, var(--primary) 7%, transparent);stroke:none}.qfx-porbit-front .qfx-porbit-ring-inner{stroke:color-mix(in oklab, var(--primary) 60%, transparent);stroke-dasharray:none;stroke-width:1.4px;filter:drop-shadow(0 0 4px var(--porbit-glow))}.qfx-porbit-logo-wrap{z-index:20;perspective:600px;pointer-events:none;width:160px;height:160px;position:absolute;top:92px;left:260px}.qfx-porbit-logo-3d{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.qfx-porbit-logo{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 26px var(--porbit-glow));animation:5.5s ease-in-out infinite qfx-porbit-float;position:absolute;inset:0}@keyframes qfx-porbit-float{50%{transform:translateY(-7px)}}.qfx-porbit-tile{width:64px;height:64px;transform-style:preserve-3d;will-change:transform, opacity;margin:-32px 0 0 -32px;position:absolute;top:0;left:0}.qfx-porbit-tile-body{transform-style:preserve-3d;position:absolute;inset:0}.qfx-porbit-tile-edge,.qfx-porbit-tile-face,.qfx-porbit-tile-glare{border-radius:18px;position:absolute;inset:0}.qfx-porbit-tile-edge{background:linear-gradient(150deg, color-mix(in oklab, var(--primary) 85%, white), color-mix(in oklab, var(--primary) 55%, black));border:1px solid color-mix(in oklab, var(--primary) 50%, white)}.qfx-porbit-tile-face{background:linear-gradient(180deg, var(--surface-elevated), var(--surface));border:1.5px solid var(--border-strong);justify-content:center;align-items:center;padding:7px;display:flex;overflow:hidden;transform:translateZ(8px);box-shadow:0 8px 18px #0006}.qfx-porbit-tile-face img{object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}.qfx-porbit-tile-glare{pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 45%);transform:translateZ(8.5px)}.qfx-porbit-tile-label{border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--foreground);white-space:nowrap;opacity:clamp(0, calc((var(--depth,0) - .82) * 6), 1);pointer-events:none;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateZ(8px);box-shadow:0 6px 14px #00000040}.qfx-porbit-spark{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 40%, white), var(--primary) 55%, color-mix(in oklab, var(--primary) 50%, black));width:12px;height:12px;box-shadow:0 0 12px var(--porbit-glow);border-radius:28%;animation:5s ease-in-out infinite qfx-porbit-spark;position:absolute}.qfx-porbit-spark-sm{width:9px;height:9px}@keyframes qfx-porbit-spark{50%{transform:translateY(-9px)rotate(40deg)}}@media (prefers-reduced-motion:reduce){.qfx-porbit-halo,.qfx-porbit-ping,.qfx-porbit-logo,.qfx-porbit-spark{animation:none}.qfx-porbit-ping{display:none}}