:root{--orb-size:190px;--orbit-size:380px;--orb-primary:#00e5ff;--orb-secondary:#b400ff;--orb-glow:rgba(0,229,255,.4);--lock-point-size:12px;--orb-ambient:rgba(4,12,22,.55);--swipe-indicator-size:28px}@media (max-width:768px){:root{--orb-size:180px;--orbit-size:390px}}@media (max-width:480px){:root{--orb-size:128px;--orbit-size:240px}}.floating-orb-shell{touch-action:pan-y pan-x;overscroll-behavior:none;contain:layout style;isolation:isolate;border:none;outline:none;justify-content:center;align-items:center;width:100%;margin-top:max(-120px,min(-20vw,-24px));display:flex;position:relative;overflow:visible;transform:translateZ(0)}@media (max-width:768px){.floating-orb-shell{touch-action:pan-y}}#orb-container{width:calc(var(--orbit-size) + 120px);height:calc(var(--orbit-size) + 120px);overscroll-behavior:none;touch-action:pan-y pan-x;-webkit-user-select:none;-moz-user-select:none;user-select:none;contain:layout style paint;box-shadow:none;border:none;outline:none;margin:0 auto;display:block;position:relative;overflow:visible}@media (max-width:768px){#orb-container{touch-action:pan-y}}.floating-orb-wrapper{width:calc(var(--orbit-size) + 120px);height:calc(var(--orbit-size) + 120px);pointer-events:none;perspective:700px;transform-style:preserve-3d;z-index:8;touch-action:pan-y;will-change:transform;contain:layout style;box-shadow:none;border:none;border-radius:100%;outline:none;margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.orb-webgl-layer{width:calc(var(--orb-size)*1.35);height:calc(var(--orb-size)*1.35);pointer-events:none;z-index:3;background:0 0;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1!important;visibility:visible!important}.orb-webgl-layer canvas{background:radial-gradient(circle,rgba(255,0,255,.2),transparent 70%);border-radius:100%;width:100%;height:100%;opacity:1!important;visibility:visible!important}.floating-orb-stage{width:var(--orbit-size);height:var(--orbit-size);pointer-events:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:0 0;border-radius:100%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);opacity:1!important;visibility:visible!important}.floating-orb-wrapper.lock-snap .floating-orb{filter:brightness(1.18)saturate(1.18)}.orb-scroll-line{width:calc(var(--orbit-size) + 140px);height:calc(var(--orbit-size) + 140px);pointer-events:none;z-index:1;opacity:0;visibility:hidden;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(.2)rotate(0)}.orb-scroll-line:before{content:"";top:calc(50% - var(--lock-point-size)/2);left:calc(50% - var(--lock-point-size)/2);width:var(--lock-point-size);height:var(--lock-point-size);transform:translateX(calc(var(--orbit-size)/2));pointer-events:none;background:radial-gradient(circle,rgba(0,240,255,.95),rgba(0,240,255,.2) 60%,rgba(0,240,255,0) 70%);border-radius:50%;animation:2s ease-in-out infinite lock-point-pulse;position:absolute}@keyframes lock-point-pulse{0%,to{opacity:.6}50%{opacity:1}}.floating-orb-wrapper:before{content:"";width:calc(var(--orbit-size) + 220px);height:calc(var(--orbit-size) + 220px);opacity:.75;z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-orb-wrapper:after{content:"";width:calc(var(--orbit-size) + 50px);height:calc(var(--orbit-size) + 60px);pointer-events:none;z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-nav-container{width:calc(var(--orbit-size) + 120px);height:calc(var(--orbit-size) + 120px);pointer-events:none;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.orb-nav-item{--x:0px;--y:0px;width:56px;height:56px;transform:translate(-50%,-50%)translate(var(--x),var(--y));pointer-events:auto;color:#b7f7ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:6;will-change:transform,opacity;background:rgba(10,20,28,.65);border:1px solid rgba(0,240,255,.35);border-radius:50%;justify-content:center;align-items:center;font-size:24px;text-decoration:none;transition:transform .2s,background .2s,opacity .2s,filter .2s;display:flex;position:absolute;top:50%;left:50%}.orb-nav-item:hover{transform:translate(-50%,-50%)translate(calc(var(--x) + 6px),var(--y));background:rgba(0,240,255,.18);outline:none}.orb-nav-item:focus-visible{transform:translate(-50%,-50%)translate(calc(var(--x) + 6px),var(--y));background:rgba(0,240,255,.18);outline:none}.orb-nav-item:focus-visible{outline:2px solid var(--orb-primary);outline-offset:4px}.orb-nav-item.in-front{opacity:1;filter:none;z-index:7}.orb-nav-item:not(.in-front){opacity:.55;filter:brightness(.9)saturate(.9);transform:translate(-50%,-50%)translate(var(--x),var(--y))scale(.88)}@media (max-width:768px){.orb-nav-item{width:52px;height:52px;font-size:22px}}.floating-orb{width:var(--orb-size);height:var(--orb-size);pointer-events:auto;cursor:grab;z-index:5;will-change:transform,filter;touch-action:pan-y pan-x;filter:drop-shadow(0 0 8px rgba(0,240,255,.3));image-rendering:auto;will-change:background-image,transform,filter;background:radial-gradient(circle at 35% 35%,rgba(82,247,255,.7) 0%,rgba(11,220,255,.5) 45%,rgba(0,185,255,.3) 100%);border-radius:50%;transition:transform .35s,filter .35s,box-shadow .35s;animation:12s ease-in-out infinite eye-movement;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px rgba(0,240,255,.35),0 0 32px rgba(0,240,255,.25)}.orb-eye-overlay{pointer-events:none;z-index:6;opacity:0;background:radial-gradient(at 50% 45%,rgba(0,0,0,.85) 0%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.95) 100%);border-radius:50%;width:100%;height:100%;transition:transform .12s ease-out,opacity .1s ease-out;position:absolute;top:0;left:0;overflow:hidden}.orb-eye-overlay.blinking{opacity:1;transition:transform 80ms ease-in,opacity 80ms ease-in;transform:scaleY(.02)}@media (max-width:768px){.floating-orb{touch-action:pan-y}}.floating-orb:hover{cursor:grab;animation:2s ease-in-out infinite orb-hover-pulse;transform:translate(-50%,-50%)scale(1.05)}.floating-orb:active,.floating-orb.orb-dragging{animation:.6s ease-in-out infinite orb-drag-pulse;transform:translate(-50%,-50%)scale(1.08);cursor:grabbing!important}.floating-orb.orb-hover-active{filter:drop-shadow(0 0 16px rgba(0,240,255,.5));box-shadow:inset 0 0 32px rgba(0,240,255,.45),0 0 48px rgba(0,240,255,.35)}@keyframes orb-pulse{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.08)saturate(1.05)}}@keyframes orb-pulse-fast{0%,to{filter:brightness(1.2)saturate(1.2)}50%{filter:brightness(1.3)saturate(1.3)}}@keyframes orb-hover-pulse{0%,to{box-shadow:inset 0 0 24px rgba(0,240,255,.35),0 0 32px rgba(0,240,255,.25)}50%{box-shadow:inset 0 0 28px rgba(0,240,255,.45),0 0 40px rgba(0,240,255,.35)}}@keyframes orb-drag-pulse{0%,to{box-shadow:inset 0 0 32px rgba(0,240,255,.5),0 0 48px rgba(0,240,255,.4)}50%{box-shadow:inset 0 0 36px rgba(0,240,255,.6),0 0 56px rgba(0,240,255,.5)}}@keyframes eye-blink{0%,90%,to{transform:translate(-50%,-50%)scaleY(1)}92%,98%{transform:translate(-50%,-50%)scaleY(.05)}}@keyframes eye-movement{0%,to{background-position:50%}25%{background-position:48% 48%}50%{background-position:52% 52%}75%{background-position:48% 52%}}.floating-orb:focus-visible{outline-offset:6px;outline:2px solid rgba(0,240,255,.8)}.floating-orb:before{content:"";opacity:.7;z-index:-1;background:radial-gradient(circle,rgba(20,180,255,.18),rgba(20,180,255,0) 60%);border-radius:50%;position:absolute;top:-35%;bottom:-35%;left:-35%;right:-35%}.floating-orb:after{content:"";opacity:.5;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(146,255,255,.16),rgba(146,255,255,0) 60%);border-radius:50%;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-center-preview{z-index:30;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 0 12px rgba(0,240,255,.6);font-size:34px;transition:opacity .2s,transform .2s;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-active-label{top:calc(50% + var(--orb-size)/2 + 30px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;opacity:0;white-space:nowrap;color:inherit;z-index:10;background:rgba(10,20,28,.85);border:1px solid rgba(0,240,255,.35);border-radius:999px;align-items:center;gap:12px;padding:12px 24px;font-family:inherit;transition:opacity .3s,transform .3s,background .2s,border-color .2s;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(0,240,255,.2)}.orb-active-label:hover{background:rgba(0,240,255,.15);border-color:rgba(0,240,255,.6);animation:1.5s ease-in-out infinite label-attention;transform:translate(-50%)translateY(-2px);box-shadow:0 4px 24px rgba(0,240,255,.3)}.orb-active-label:active{transform:translate(-50%,-50%)}.orb-active-label.active{opacity:1;animation:3s ease-in-out infinite label-attention;transform:translate(-50%)}.orb-active-label.label-pulse{animation:.6s ease-in-out label-pulse}@keyframes label-attention{0%,to{transform:translate(-50%);box-shadow:0 0 20px rgba(0,240,255,.2)}50%{transform:translate(-50%,-3px);box-shadow:0 0 30px rgba(0,240,255,.4),0 0 40px rgba(0,240,255,.2)}}@keyframes label-pulse{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}to{transform:translate(-50%)scale(1)}}.orb-label-icon{filter:drop-shadow(0 0 8px rgba(0,240,255,.5));font-size:24px;display:inline-block}.orb-label-text{color:#b7f7ff;letter-spacing:.05em;text-shadow:0 0 8px rgba(0,240,255,.4);font-size:16px;font-weight:500}@media (max-width:768px){.orb-active-label{top:calc(50% + var(--orb-size)/2 + 20px);gap:10px;padding:10px 20px}.orb-label-icon{font-size:20px}.orb-label-text{font-size:14px}}@media (max-width:480px){.orb-active-label{top:calc(50% + var(--orb-size)/2 + 15px);gap:8px;padding:8px 16px}.orb-label-icon{font-size:18px}.orb-label-text{font-size:13px}}.floating-orb-wrapper[data-debug=true]:after{content:"debug";color:#fff;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,107,53,.82);border-radius:999px;padding:2px 6px;font-size:10px;position:absolute;top:-24px;right:-8px}@keyframes particle-drift{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(6px)}to{transform:translateY(0)translate(0)}}