:root{--orb-size:180px;--orbit-size:350px;--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:150px;--orbit-size:290px}}@media (max-width:480px){:root{--orb-size:128px;--orbit-size:240px}}.floating-orb-shell{touch-action:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}#orb-container{width:var(--orbit-size);height:var(--orbit-size);touch-action:none;overscroll-behavior:contain;margin:0 auto;display:block;position:relative}.floating-orb-wrapper{width:var(--orbit-size);height:var(--orbit-size);pointer-events:none;perspective:700px;transform-style:preserve-3d;z-index:8;border-radius:100%;margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.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:none;background:radial-gradient(circle at 50% 40%,rgba(12,20,30,.9) 0%,rgba(4,6,13,.85) 55%,rgba(3,6,10,.8) 100%);border-radius:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);opacity:1!important;visibility:visible!important}.floating-orb-wrapper.lock-snap{transition:transform .18s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.04)}.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);transform:translate(-50%,-50%)scaleY(.2)rotateZ(var(--scroll-rotation,0deg));pointer-events:none;z-index:1;border-radius:50%;transition:opacity .3s;position:absolute;top:50%;left:50%}.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{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.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:2;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,box-shadow .2s,background .2s,opacity .2s,filter .2s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 12px rgba(0,240,255,.28)}.orb-nav-item:hover{transform:translate(-50%,-50%)translate(calc(var(--x) + 6px),var(--y));background:rgba(0,240,255,.18);outline:none;box-shadow:0 0 16px rgba(0,240,255,.4)}.orb-nav-item:focus-visible{transform:translate(-50%,-50%)translate(calc(var(--x) + 6px),var(--y));background:rgba(0,240,255,.18);outline:none;box-shadow:0 0 16px rgba(0,240,255,.4)}.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:3}.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:pointer;z-index:5;will-change: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;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px rgba(0,240,255,.35),0 0 32px rgba(0,240,255,.25)}.floating-orb:hover{transform:translate(-50%,-50%)scale(1.05)}@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)}}.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:20;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;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-center-label{text-transform:uppercase;letter-spacing:.2em;color:#9ee8ff;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 0 6px rgba(0,240,255,.35);z-index:15;opacity:1;font-size:13px;transition:opacity .3s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.orb-usage-tooltip{color:#bdefff;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;white-space:nowrap;z-index:5;background:rgba(7,16,24,.82);border:1px solid rgba(0,240,255,.25);border-radius:12px;padding:8px 14px;font-size:12px;transition:opacity .25s,transform .25s;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,-10px);box-shadow:0 10px 24px rgba(0,0,0,.25)}.orb-usage-tooltip.show{opacity:1;transform:translate(-50%)}.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}.floating-orb-wrapper[data-active=true] .floating-orb{filter:brightness(1.15)saturate(1.1)}.floating-orb-wrapper[data-typing=true] .floating-orb:after{content:"";pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 70%);border-radius:50%;animation:1.8s ease-in-out infinite typing-ping;position:absolute;top:18%;bottom:18%;left:18%;right:18%}@keyframes typing-ping{0%{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}to{opacity:.4;transform:scale(.92)}}.floating-orb-wrapper.fade-out{opacity:0;transition:none}.floating-orb-shell:before{content:"";width:calc(var(--orbit-size) + 320px);height:calc(var(--orbit-size) + 320px);z-index:0;background:radial-gradient(circle,rgba(0,185,255,.12),rgba(0,185,255,0) 70%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes particle-drift{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(6px)}to{transform:translateY(0)translate(0)}}.orb-swipe-indicator{pointer-events:none;opacity:0;z-index:6;justify-content:center;align-items:center;gap:10px;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(8px)}.orb-swipe-indicator .swipe-text{color:#bdefff;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 8px rgba(0,240,255,.35);font-size:12px}.orb-swipe-indicator .swipe-arrow{width:var(--swipe-indicator-size);background:linear-gradient(90deg,rgba(0,240,255,0),rgba(0,240,255,.9));height:2px;position:relative}.orb-swipe-indicator .swipe-arrow:after{content:"";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(0,240,255,.95);width:0;height:0;position:absolute;top:-3px;right:-2px}.orb-swipe-indicator .swipe-arrow.left{transform:scaleX(-1)}@keyframes swipe-wiggle{0%{opacity:.9;transform:translate(0)}50%{opacity:1;transform:translate(10px)}to{opacity:.9;transform:translate(0)}}.orb-swipe-indicator.visible{opacity:1;transform:translateY(0)}@media (min-width:769px){.orb-swipe-indicator{display:none}}.orb-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.9);border:1px solid rgba(0,240,255,.2);border-radius:6px;padding:8px 12px;font-size:12px;transition:opacity .35s,transform .35s;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.orb-tooltip.show{opacity:1;transform:translate(-50%)translateY(0)}.orb-tooltip .tooltip-arrow{border-top:6px solid rgba(0,0,0,.9);border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.orb-tooltip .tooltip-arrow:after{content:"";border-top:5px solid rgba(0,240,255,.2);border-left:5px solid transparent;border-right:5px solid transparent;width:0;height:0;position:absolute;top:-7px;left:-5px}.orb-tooltip .tooltip-text{color:#bdefff;text-shadow:0 0 4px rgba(0,240,255,.3)}@media (max-width:768px){.orb-tooltip{display:none}}