.dev-service-navigation{z-index:10000;right:calc(32px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));isolation:isolate;width:58px;height:58px;font-family:Ruberoid,Arial,sans-serif;position:fixed}.dev-service-navigation__trigger,.dev-service-navigation__service a{color:#f7f4ff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 32% 22%,#ffffff26,#0000 38%),#1a1720;border:1px solid #ffffff29;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 14px 34px #0000006b,inset 0 1px #ffffff14}.dev-service-navigation__trigger{z-index:2;background:radial-gradient(circle at 30% 18%,#ffffff2e,#0000 35%),linear-gradient(145deg,#412061,#201329 72%);border-color:#a66cff8c;width:58px;height:58px;transition:border-color .18s,box-shadow .18s,transform .32s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 0 0 5px #7a1cff17,0 16px 38px #0000007a,0 0 30px #7a1cff33}.dev-service-navigation__trigger:hover{border-color:#c496ffd1;box-shadow:0 0 0 6px #7a1cff21,0 18px 40px #00000080,0 0 36px #973fff4d}.dev-service-navigation[data-open] .dev-service-navigation__trigger{transform:rotate(45deg)}.dev-service-navigation svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;overflow:visible}.dev-service-navigation__services{margin:0;padding:0;list-style:none;position:absolute;inset:0}.dev-service-navigation__service{--service-x:0px;--service-y:0px;opacity:0;pointer-events:none;transform-origin:50%;transition:opacity .16s,transform .36s cubic-bezier(.18,.9,.24,1.15);position:absolute;inset:5px;transform:translate(0)scale(.55)}.dev-service-navigation__service[data-service=app]{--service-x:-103px;--service-y:-18px;transition-delay:0s}.dev-service-navigation__service[data-service=storybook]{--service-x:-78px;--service-y:-88px;transition-delay:35ms}.dev-service-navigation__service[data-service=supabase]{--service-x:-15px;--service-y:-130px;transition-delay:70ms}.dev-service-navigation[data-open] .dev-service-navigation__service{opacity:1;pointer-events:auto;transform:translate(var(--service-x), var(--service-y)) scale(1)}.dev-service-navigation__service a{width:48px;height:48px;text-decoration:none;transition:border-color .16s,color .16s,transform .16s;position:relative}.dev-service-navigation__service a:hover{transform:translateY(-2px)scale(1.04)}.dev-service-navigation__service[data-service=app] a{color:#d6b4ff}.dev-service-navigation__service[data-service=storybook] a{color:#ff78b7}.dev-service-navigation__service[data-service=supabase] a{color:#55e6a5}.dev-service-navigation__trigger:focus-visible,.dev-service-navigation__service a:focus-visible{outline-offset:4px;outline:2px solid #b577ff}.dev-service-navigation__label{opacity:0;color:#e9e6ef;letter-spacing:.02em;pointer-events:none;background:#111014f0;border:1px solid #ffffff1a;border-radius:8px;width:max-content;max-width:150px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1;transition:opacity .14s,transform .14s;position:absolute;right:calc(100% + 10px);transform:translate(5px);box-shadow:0 8px 24px #00000059}.dev-service-navigation__service a:hover .dev-service-navigation__label,.dev-service-navigation__service a:focus-visible .dev-service-navigation__label{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.dev-service-navigation__trigger,.dev-service-navigation__service,.dev-service-navigation__service a,.dev-service-navigation__label{transition-duration:.01ms}}